グループにたくさんの SVG サークルがあります。
スクロール効果を出すために、1 秒間に 30 回少しずつ左に移動させたいと思います。
requestAnimationFrame を 1/30 秒間隔で使用し、適用します。
setAttribute('transform', 'translate(-' + offsetPx + ', 0)')
Chrome タイムライン デバッグ ツールでは、この変換属性を設定するとレイアウトが再計算され、非常にコストがかかることがわかります。この記事によると: http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/私はそれが起こるはずだとは思わなかった.
このスクロール効果を達成するための最も効率的な方法は何ですか?
前もって感謝します。