"-webkit-overflow-scrolling: touch" verursacht vertikale Scroll-Probleme auf Handy

Question

Ich bin dabei, eine responsive mobile Website zu erstellen. Beim Testen auf meinem Telefon bemerkte ich, dass ich nicht vertikal über etwas scrollen konnte, das horizontal gescrollt werden konnte.

Hier ist ein Beispiel, was ich meine (Entschuldigung, Sie können nicht die horizontale Scroll auf Ihrem Handy sehen, aber vertrauen Sie mir, dass es funktioniert).

Mobile Webkit-Browser nicht blättert Vergangenheit der Tabelle in diesem Beispiel: http://jsfiddle.net/tArEy/

Dann habe ich aus der folgenden Zeile kommentierte die vertikale Scroll-Arbeit zu machen. Dies machte jedoch das horizontale Scrollen ein wenig unruhig.

-webkit-overflow-scrolling: touch; 

Mobile Webkit-Browser kann blättern Vergangenheit der Tabelle in diesem Beispiel, aber es ist ein wenig mehr glitchy. http://jsfiddle.net/tArEy/1/

Hat jemand eine Idee, wie man das nur mit CSS beheben kann?

Die Demos müssen in einem Browser getestet werden. (Ich verwende den Chrome-Browser unter Android. Ich nehme an, dass das iPhone das gleiche Problem hat).

Edit:

Es stellt sich heraus, dass in Ihrem CSS ohne die folgende Zeile in der mobilen Webkit-Browsern horizontal ist schrecklich Buggy Scrollen:

-webkit-overflow-scrolling: touch; 

jedoch, dass Linie es unmöglich macht, vertikal zu scrollen also bin ich irgendwie im Stillstand. Andere Nicht-Webkit-Browser scrollen horizontal sehr gut.

Edit 2:

bekam ich meine Hände auf einem iPhone. Das Überlaufscrollen ist hardwarebeschleunigt und funktioniert einwandfrei. Dies scheint ein Chrome für Android Problem nur zu sein.

Answer 1

Dies war ein Fehler in Chrome nur für Android. Es wurde in einem aktuellen Upgrade behoben.

Answer 2

dies könnte mit dem Problem helfen: http://filamentgroup.github.com/Overthrow/ Überlauf-Scrolling wird nur in neueren Handys unterstützt. Wenn ich getestet habe, habe ich gesehen, ob neuere Handys leichte Scrolling-Probleme haben, die Android 2.x und ios4 unterstützen und Sie zum Weinen bringen werden.

Wenn Sie horizontal scrollen, sollten Sie jedoch Ihr Design überdenken.