首先在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