css - "-webkit-overflow-scrolling: touch"在移动设备上导致垂直滚动问题

Question

我正在制作响应式移动网站。在我的手机上进行测试时，我注意到我无法垂直滚动超过可以水平滚动的内容。

这是我的意思的一个示例(抱歉，您在手机上看不到水平滚动条，但请相信我它可以工作)。

移动 Webkit 浏览器无法滚动经过此示例中的表格: http://jsfiddle.net/tArEy/

然后我注释掉下面这行，使垂直滚动起作用。然而，这使得水平滚动有点不稳定。

-webkit-overflow-scrolling: touch;

在此示例中，移动 Webkit 浏览器可以滚动经过表格，但有点小故障。 http://jsfiddle.net/tArEy/1/

有没有人知道如何仅使用 CSS 来解决这个问题？

演示必须在浏览器上进行测试。 (我在 Android 上运行 Chrome 浏览器。我认为 iPhone 也有同样的问题)。

编辑:

事实证明，如果您的 CSS 中没有以下行，水平滚动在移动 webkit 浏览器中会出现严重错误:

-webkit-overflow-scrolling: touch;

但是，该行无法垂直滚动，所以我有点停滞不前。其他非 webkit 浏览器可以水平滚动。

编辑 2:

我拿到了 iPhone。溢出滚动是硬件加速的，可以完美运行。这似乎只是 Android 版 Chrome 的问题。

Answer 1

这只是 Android 版 chrome 中的一个错误。它已在最近的升级中得到修复。