上下滑动时移动菜单弹出不滚动

Question

我有一个从底部弹出的菜单，它实际上是一个树视图样式控件。我在想手机会识别出新的 Div 元素是最顶部的元素，并且菜单内容的高度比手机大，我认为您可以上下滑动菜单。 然而，手机（iOS 和 Windows Phone）似乎一直在滚动 Div 后面的内容，就好像它不存在一样。

代码很简单，它只是一个位于 Dom 根目录的 Div 元素，设置了 z-index 以及绝对位置。

任何想法为什么这不起作用？

Answer 1

我设法解决此问题的方法是将移动菜单放在主内容 DIV 旁边的根目录中。然后，当单击移动菜单按钮时，我将主要内容 DIV 显示属性设置为 None，将 Mobile Menu DIV 设置为 Block。

基本上我隐藏了网站内容并显示菜单内容，反之亦然。

这允许您滚动菜单，就好像它是正常内容一样。