これは画像ギャラリーに関連しているため、「スワイプ」すると、画像が画面からロードおよびアンロードされますが、中央の画像は常にスムーズに表示されます。
これは、ここで説明されている swipeview ライブラリから派生したコードです: http://cubiq.org/swipeview
問題は、javascript がタッチ終了イベントで webkitTransform を設定してから、要素が実際に画面上でアニメーションを開始するまでに 100 ～ 200 ミリ秒の遅延が発生することです。
この問題のある遅延は断続的にしか発生しません。約 15 ～ 20 枚のスライドがアンロード/ロードされた後、一貫して発生し始めるようです。
タッチ移動イベントには、次のようなコードがあります。
element.style.webkitTransitionDuration = 0
element.style.webkitTransform = "translate3d( etc. ) "
これは非常に高速に機能するため、iPad 上で指を動かすと、要素が指に正確かつ「瞬時に」追従します。
タッチ終了イベントには、次のようなコードがあります。
element.style.webkitTransitionDuration = '<some_number>ms';
element.style.webkitTransform = "translate3d( etc. ) "
そして、タッチ終了イベントが問題の場所です。touch End イベント自体は、指が iPad から離された瞬間に発生しますが、問題が発生している場合、CSS の更新は、上記の問題のある遅延が発生するまで、画面上で実際のアニメーションをトリガーしません。