2

毎秒 10 個の div が追加され、それぞれに画像があり、左からスライドさせたいと考えています。これは、javascript には負荷がかかりすぎます。

では、これを行う最も効率的な方法 (CPU/メモリの観点から、モバイル デバイスも考慮する) は何でしょうか?

ありがとう。

4

2 に答える 2

1

JS を使用して setInterval を使用してクラスを追加し、そのクラスで CSS トランジションを使用できますか?

于 2013-03-22T04:01:48.873 に答える
0

jQuery Transitのようなフレームワークを使用すると、これを簡単に実現できます。このフレームワークの優れた点は、モバイル デバイスで (妥当な範囲内で) うまく機能し、可能な限りブラウザーのハードウェア アクセラレーション機能を使用することです。

JS フィドルの例

Javascript:

$(document).ready(function () {

    showDiv($('div:first'), 90);

    function showDiv(div, pixels) {
        div.transition({
            opacity: 1,
            left: pixels + '%'
        }, 1000, 'out', function () {
            //call back
            showDiv(div.next("div"), pixels - 10);
        });
    }
});

決して完璧な例ではありませんが、正しい方向に導くはずです。

エッジに住んでいる人のための非常識なモード。

于 2013-03-27T19:05:21.553 に答える