首先在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;
}
链接地址: http://www.djcxy.com/p/95633.html

上一篇: css fixed div moves on first tap on ipad

下一篇: Issue with scrolling in iOS 5 using