2011-01-20 7 views
1

jQueryが惜しみなく提供しているアニメーション機能を使って、水平にスライドするパネルがいくつかあります。jQuery IE6のジレンマ:アニメーションスクロール左または左?

問題は、私がIE6を使用しているこの小さなアプリケーションを使用するクライアントの100%です。パネルにはいくつかの要素が含まれているので、あまり多くはないがIE6やこれを見ているむしろ劣悪なPCでは非常に遅くなることはほとんどないと心配しています。

私はscrollLeftをアニメーション化して親divをスクロールする必要がありますか、または子divをアニメーション化する必要がありますか?

一方を他方に置き換えると、パフォーマンスが向上しますか? (私は経験的な決定を下すことができるようになった時点でターゲットPCでテストすることはできません)

ありがとう。

+1

一般に、より良いパフォーマンスをアニメーション化できる要素が少なくなります。できるだけ経験的に最速のオプションを選択してください。それ以外の場合は、最小の要素をアニメートするオプションを選択します。こんにちはブライアン。 –

+0

私は悲しいことに関連するマシンでそれをテストすることはできません。どちらの場合も同じ数の要素が移動され、一方は親のコンテンツをスクロールし、もう一方は親コンテンツを再配置します。 – Francisc

答えて

3

私の経験から、ほとんどのブラウザはスクロール時にウィンドウ全体を再描画しないため、よりスムーズなパフォーマンスが得られます(そうでなければ、遅いコンピュータではページがスクロールしていても遅いです...)。ブラウザに再描画させます。

+0

良い答え、ありがとうございます。 – Francisc

+0

この情報はどこから取得しましたか? – Alvaro

+0

それはちょっと前に私が観察したところに過ぎませんでした。私たちのコンピュータがより速く(ブラウザは今より最適化されています)、目立たなくなっています。 1つのベンチマーク(http://jsperf.com/translate3d-vs-xy/13)でサポートされていますが、その違いはごくわずかです。translateX/Yを使用するように指示しています。ブラウザを再描画したり再描画したりするためのもう少しの洞察を提供するもう1つの答え:http://stackoverflow.com/questions/2549296/whats-the-difference-between-reflow-and-repaint – Populus

関連する問題