首先在ipad上轻敲CSS固定div
  我的网页中有div元素的CSS规则 
#menudiv {
    position: fixed;
    height: 100%;
    margin-left: 5px;
    width: 150px;
    background: transparent;
    z-index:3;
    min-height: 680px;
}
这是我的页面左侧的一个菜单,它的位置是固定的。 它在普通PC显示器上运行良好,而在iPad上则有问题。
  当我加载页面并且我用手指向下滚动触摸屏幕时, #menudiv将页面的其余部分一起移动。  当我松开手指时, #menudiv回到其固定位置,然后我可以上下滚动页面,它不再移动。  我在这里做错了什么? 
  尝试使用left属性。  另外如果可能的话,然后使用顶部,右侧,底部(作为它的固定格) 
#menudiv {
    position: fixed;
    height: 100%;
    left: 5px;
    width: 150px;
    background: transparent;
    border: 1px solid transparent;
    z-index:3;
    min-height: 680px;
}
