"-webkit-overflow-scroll：touch"モバイルで垂直スクロールの問題が発生しました

Question

私は応答可能なモバイルウェブサイトを作成中です。 私の携帯電話でテストすると、私は水平にスクロールできるものを垂直にスクロールできないことに気付きました。

ここに私が意味するものの例があります（あなたの携帯電話で水平スクロールを見ることはできませんが、それが動作することを信じてください）。

モバイルWebkitのは、この例では、テーブルの過去ことはできませんスクロールブラウザ： http://jsfiddle.net/tArEy/

をそれから私は、垂直方向のスクロールを機能させるために以下の行をコメントアウト。しかし、これにより、水平スクロールがちょっとばらつきました。

-webkit-overflow-scrolling: touch; 

モバイルWebkitのブラウザすることができます。この例では、テーブルの過去スクロールが、それはもう少しグリッチです。 http://jsfiddle.net/tArEy/1/

CSSを使用してこれを修正する方法はありますか？

デモはブラウザでテストする必要があります。 （私はAndroid上でChromeブラウザを実行しています。私はiPhoneに同じ問題があると想定しています）。

編集：

-webkit-overflow-scrolling: touch; 

しかし、そのラインが垂直方向にスクロールすることが不可能：

これは、水平方向にスクロールすると、あなたのCSSに次の行せずにモバイルWebKitのブラウザで恐ろしくバギーがされていることが判明私はまあまあまあです。他のwebkit以外のブラウザでも、水平方向にスクロールできます。

編集2：

私はiPhone上で私の手を得ました。オーバーフロースクロールはハードウェアアクセラレーションで完璧に機能します。これはAndroid用Chrome問題のみと思われます。

Answer 1

これはAndroid用Chromeのバグでした。最近のアップグレードで修正されました。

Answer 2

http://filamentgroup.github.com/Overthrow/ オーバーフロースクロールは、新しい携帯電話でのみサポートされています。私がテストしたとき、新しい携帯電話がアンドロイド2.xをサポートしているわずかなスクロールの問題を持っているのを見て、ios4があなたを泣かせるように見ました。

水平にスクロールしている場合は、デザインを再考することができます。