css fixed div在ipad上第一次点击时移动

Question

我的网页中有div元素的以下CSS规则

#menudiv {
    position: fixed;
    height: 100%;
    margin-left: 5px;
    width: 150px;
    background: transparent;
    z-index:3;
    min-height: 680px;
}

这是我页面左侧的菜单，它是固定的。它适用于普通PC显示器，而在iPad上存在问题。

当我加载页面并用手指向下滚动触摸屏幕时，#menudiv将页面的其余部分移动到一起。当我松开手指时，#menudiv返回到固定位置，然后我可以在页面上下滚动，它不再移动。我在这里做错了什么？

Answer 1

尝试使用left属性。如果可能的话，也可以使用top，right，bottom（作为固定div）

#menudiv {
    position: fixed;
    height: 100%;
    left: 5px;
    width: 150px;
    background: transparent;
    border: 1px solid transparent;
    z-index:3;
    min-height: 680px;
}