私はレスポンシブモバイルウェブサイトを作成中です。携帯電話でテストしたところ、水平方向にスクロールできるものを超えて垂直方向にスクロールできないことに気づきました。
これが私の言いたいことの例です（申し訳ありませんが、携帯電話に水平スクロールが表示されませんが、それが機能することを信じてください）。
この例では、モバイル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を手に入れました。オーバーフロースクロールはハードウェアアクセラレーションであり、問題なく機能します。これはChromeforAndroidの問題のみのようです。