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

Question

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

代码非常简单，它只是 Dom 根中的一个 Div 元素，具有 z-index 集以及绝对位置。

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

Answer 1

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

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

这使您可以滚动菜单，就好像它是正常内容一样。