对于 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
提前致谢!
最佳答案
我发现我可以通过查找/修复/删除比宽度更宽的元素来修复它。例如，如果容器的宽度为 100%，然后内部元素的宽度为 100%，并带有边距或填充，即使溢出隐藏在容器上，页面也会左右拖动。
如果您可以确保内部元素不会水平溢出到容器外，页面就不会拖拽。如果您需要在容器内按百分比宽度进行填充(比如一个元素宽度为 100%，或者两个元素宽度为 50% 或其他)，'box-sizing: border-box;'是前进的方向。
关于iphone - 如何禁用水平拖动？ (webkit-溢出-滚动 : touch;)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8907808/