【发布时间】：2014-10-05 09:17:31
【问题描述】：
我有一个带有菜单的网站。有时菜单内容溢出它的容器，我需要它是可滚动的。 它在 PC 上运行良好。然而在 iphone 上发生的事情是，当我尝试滚动菜单时，它会滚动整个正文。结果，整个视图被向下/向上拖动，在屏幕的顶部/底部出现灰色区域。 出于某种原因，这主要发生在纵向模式下。在横向模式下，如果我轻松滑动，我可以单独滚动菜单内容，而身体的其余部分保持不动。
有人可以帮忙吗？
谢谢！！
<html>
<style>
#menu {
overflow: scroll;
}
</style>
<body>
<div id="menu">
--content--
</div>
<div id="mainPage">
--content--
</div>
</body>
</html>
【问题讨论】：
-
你能把你的代码放上来吗？
-
不是真的...它是一个非常庞大的网络应用程序的一部分...
-
好的，当您使用移动设备时，您的菜单是侧抽屉式的，当您滚动时，您只希望菜单滚动而不是页面的其余部分？
-
是的。但我觉得我需要更具体一些：我使用 jQuery 在菜单打开时禁用页面滚动。然而，Safari 浏览器（我猜）有一个功能可以滚动整个网页，留下灰色间距，当您尝试滚动超过页面高度时。我想这就是阻止我滚动菜单内容的原因。
-
您是否将菜单（您想要滚动的内容）和内容（您不想滚动的内容）放在同一个容器中？如果是这样，这可能是您的问题。我更喜欢在容器之外有菜单，然后你可以做溢出：在菜单上滚动，而不必担心任何你不想滚动的内容。