iphone - 如何禁用水平拖动？ (webkit-溢出-滚动 : touch;)

Question

对于 iOS 5 的 webkit 滚动“触摸”，我们的垂直滚动可以正常工作，但我们仍然可以左右拖动页面。我们如何禁用左右拖动？

这是 CSS:

#page_content{

-webkit-overflow-scrolling: touch;
overflow-x:hidden;
overflow-y: scroll;   
position:absolute;
height: 460px;
width: 320px;

}

这是视频:
http://dl.dropbox.com/u/1737103/scrolling.mov

提前致谢!

Answer 1

我发现我可以通过查找/修复/删除比宽度更宽的元素来修复它。例如，如果容器的宽度为 100%，然后内部元素的宽度为 100%，并带有边距或填充，即使溢出隐藏在容器上，页面也会左右拖动。

如果您可以确保内部元素不会水平溢出到容器外，页面就不会拖拽。如果您需要在容器内按百分比宽度进行填充(比如一个元素宽度为 100%，或者两个元素宽度为 50% 或其他)，'box-sizing: border-box;'是前进的方向。