以前は iScroll プラグインを使用していましたが、ネイティブの動作のために削除したいと考えていました。
最初の実装は使用していました
webkit-overflow-scrolling: auto;
ただし、これを更新しました...
webkit-overflow-scrolling: touch
..タッチスクロールでモーション/慣性を有効にします。
これに関する問題は、スクロールするとナビゲーション内に含まれるリスト項目が完全に消え、勢いが止まると元に戻ることです。
この例はここで見ることができます
過去に同じ問題がありました。配置された要素を使用する必要がある場合は-webkit-transform: translateZ(0);、要素またはコンテナに追加してみてください。このプロパティは、多くの場合、ブラウザーにハードウェア アクセラレーションの使用を強制し、追加の処理能力により、画像が消えない可能性が高くなります。とにかくそれは私のために働いた。
ここにも便利なものがあります: http://www.html5rocks.com/en/tutorials/speed/html5/
これを、position:relative または position:absolute を持つ要素まで追跡しました。それらを削除すると、スクロール中にアイテムが表示されます。
Mark Naptine が言ったように、次の css 定義を追加します。
-webkit-transform: translateZ(0);
実際にレンダリングを強制する必要があります。トリックは、オーバーフロー コンテナー内のすべてのレンダリングされていない要素に配置することです。私の場合、それはdefを持つdivに含まれる画像の順序付けられていないリストです
-webkit-overflow-scrolling: touch;
上記の「変換」定義を画像をラップするliタグに配置すると、問題は即座に解決されました。お役に立てれば...
このバグはiFrameではさらに悪化するようです。それを実証するためにJSFIDDLEを作成し（ iOS 5.0.1デバイスでhttp://jsfiddle.net/KMayN/9/を開きます）、Appleにバグレポートを送信しました。非常に興味深い：スクロールすると、空白の（レンダリングされていない）コンテンツが表示されます...しかし、ズームすると、コンテンツが表示されます！など...彼らが私に返信した場合、私はあなたを最新の状態に保ちます。私はすべて（divコンテナの有無にかかわらずスクロール可能なiFrame、スクロールの有無にかかわらずコンテナなど）を試しましたが、方法はありません。Appleがバグ修正を待つ必要があります。
これは私も遭遇したバグです - この質問は同じ問題に関連しているようです: CSS3 プロパティ webkit-overflow-scrolling:touch ERROR
そこで user1012566 は、スクロール内の要素の位置プロパティに関係していることを示唆しました (静的に機能し、他には何もしません) が、これと結果が混在していました。
別のユーザーは、bugreport.apple.com サイトで報告したと述べていますが、報告されたバグはそこでは公開されていないため、他のユーザーが公式の回答を確認したり、進行状況を追跡したりすることは不可能です.
-webkit-transform: translate3d(0, 0, 0);