“-webkit-overflow-scrolling：touch”导致手机上的垂直滚动问题

Question

我正在制作一个响应式手机网站。 在我的手机上进行测试时，我注意到我无法沿着水平滚动的方向滚动。

这里是我的意思（对不起，你不能看到你的手机上的水平滚动，但只是相信我，它的工作原理）的例子。

移动WebKit浏览器不能滚动过去在这个例子中，表： http://jsfiddle.net/tArEy/

然后我注释掉以下行，使垂直滚动的工作。但是，这使得水平滚动有点波动。

-webkit-overflow-scrolling: touch; 

移动WebKit浏览器可以滚动过去在这个例子中，表，但它是一个多一点出问题。 http://jsfiddle.net/tArEy/1/

有没有人有一个想法，如何解决这个使用CSS只？

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

编辑：

事实证明，水平滚动的是移动WebKit浏览器可怕的越野车，而无需在CSS以下行：

-webkit-overflow-scrolling: touch; 

然而，该行使其无法垂直滚动所以我好像处于停滞状态。其他非webkit浏览器水平滚动就好了。

编辑2：

我得到了我的手在iPhone上。溢出滚动是硬件加速和完美工作。这似乎是一个Chrome浏览器仅适用于Android问题。

Answer 1

这是仅适用于Android的Chrome中的一个错误。它在最近的升级中得到修复。

Answer 2

这可能有助于解决问题：http://filamentgroup.github.com/Overthrow/ 溢出滚动只在新手机中支持。当我测试过我看过如果新手机有轻微的滚动问题支持Android 2.x和ios4会让你哭泣。

如果你水平滚动，你可能想重新考虑你的设计。