"-webkit-overflow-scrolling: touch" che causa problemi di scorrimento verticale sul cellulare

Question

Sono in procinto di creare un sito Web mobile reattivo. Durante i test sul mio telefono, ho notato che non potevo scorrere verticalmente oltre qualcosa che poteva scorrere in orizzontale.

Ecco un esempio di cosa intendo (mi spiace che non riesci a vedere lo scorrimento orizzontale sul tuo telefono ma credimi solo che funzioni).

mobile Webkit browser non può scorrere oltre la tabella in questo esempio: http://jsfiddle.net/tArEy/

Poi ho commentato la riga seguente per far funzionare lo scorrimento verticale. Tuttavia, questo ha reso lo scorrimento orizzontale un po 'mosso.

-webkit-overflow-scrolling: touch; 

browser WebKit mobile può scorrere oltre la tabella in questo esempio, ma è un po 'più glitchy. http://jsfiddle.net/tArEy/1/

Qualcuno ha un'idea di come risolvere il problema utilizzando solo i CSS?

Le demo devono essere testate su un browser. (Sto eseguendo il browser Chrome su Android. Presumo che l'iPhone abbia lo stesso problema).

Edit:

Si scopre che a scorrimento orizzontale è bacato orribilmente nei browser WebKit mobili senza la seguente riga nel CSS:

-webkit-overflow-scrolling: touch; 

Tuttavia, questa linea rende impossibile per scorrere in verticale quindi sono un po 'fermo. Altri browser non webkit scorrono orizzontalmente bene.

Edit 2:

ho avuto le mie mani su un iPhone. lo scorrimento in eccesso è accelerato dall'hardware e funziona perfettamente. Questo sembra essere solo un problema di Chrome per Android.

Answer 1

Questo era un bug in chrome solo per Android. È stato corretto in un recente aggiornamento.

Answer 2

questo potrebbe aiutare con il problema: http://filamentgroup.github.com/Overthrow/ di overflow-scorrimento è supportata solo in cellulari di nuova generazione. quando ho provato ho visto se i telefoni più recenti hanno dei leggeri problemi di scorrimento che supportano Android 2.xe ios4 ti faranno piangere.

se si sta scorrendo orizzontalmente si potrebbe voler ripensare il proprio design.