javascript - 水平滚动不适用于 iPhone

Question

我在开发的 Web 应用程序中遇到了这个问题，我们在其中创建了一个 JavaScript 数据网格。

这个数据网格有一个用 overflow-x auto 和 overflow-y: hidden 绝对定位的包装器，允许它水平滚动内容，但不能垂直滚动。同样在datagrid里面，有一个内容区域div，里面填满了一行行的div，对于内容，也是用overflow-x hidden和overflow-y auto绝对定位，允许内容垂直滚动。

我尝试了网上建议的多种方法，我使用的是 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />标签也是如此。

在所有支持 Iphone safari 的浏览器和设备上，它都有效。请帮忙。

Answer 1

经过更多调查，在需要水平滚动的部分使用带有 -webkit-overflow-scrolling: touch; 的 jQuery mobile 解决了问题。