ぎこちなさを避けようとしているCSSアニメーション

Question

私はケン・バーン・エフェクトを作りました。問題は、ユーザーがタッチスクリーンデバイス上の画面をスクロールすると、アニメーションが急になることです。

私はスクロールでアニメーションを一時停止することでこれを修正することができますが、修正していない可能性があります。アニメーションは、ユーザーがスクロールするまでは問題ありません。私はフィドルを設立しました。

http://jsfiddle.net/gxUhH/58/

任意のアイデア？

Answer 1

ここでは長いショットです：-webkit-translateの代わりに-webkit-translate-3dを使用してください。前者はiOSのハードウェアアクセラレーションを誘発します。これはパフォーマンスの問題のように見えます。