1ページに10個の要素があるとします。
現時点では、幅と位置を変更するループでそれらを繰り返しています。
el[i].style.width = ....
el[i].style.left = ....
ループが終了した後、すべての要素を1回だけ再レンダリングするようにブラウザに指示すると、アニメーションがより高速に実行されるのではないかと思います。
質問する
82 次
3 に答える
1
共有クラスに変更を適用するか、すべての変更を含むスタイルシートをロードすると、すべての変更が同時に適用されますが、パフォーマンスへの影響についてはわかりません...
于 2013-02-04T19:08:47.597 に答える
1
CSS3の方が高速で、コーディングも大幅に少なくて済みます。このJsbinを見てください。トランジション（.anima2）とアニメーション（.anima）の2つの例を実行しました。JSを使用すると、クラスを適用および削除するだけで済みます。
于 2013-02-04T19:27:29.213 に答える
0
私が調査するには（完全にクロスブラウザではなく、動作が異なり、変更されます。これには、abdベンチマークのテストに多大な労力が必要です）。
a）requestAnimationFrame
b）GPU最適化translate3dの代わりにCSSおよびその他の新しいCSS3left
後で戻ってきて、結果を教えます
于 2013-04-05T08:38:23.640 に答える