如何在拔出移动导航时禁用水平滚动？

Question

我想在touch.facebook.com上进行拖出式导航，并在this fiddle here上展示我的（简化）标记。

当显示导航时，浏览器可以滚动到右侧内容的末尾，如出现的水平滚动条所示。在台式机上确实不是问题，但在移动设备上，您可能会意外地将其拖到右侧，看起来非常笨拙。

我知道这种情况的唯一可行解决方案是给文档overflow-x:hidden;。但出于某种原因，如果我这样做，垂直滚动不再激发jQuery的scroll事件。所以我必须找到另一种CSS解决方案来实现所需的行为。

Answer 1

您是否尝试将overflow-x: hidden应用于body代码而不是html？

Answer 2

实际上，事实证明问题在于html元素height:100%。删除后，overflow-x:hidden;再次应用于body，这两种情况都已成功解决。