0

jQueryを使用して、クラス「go」をdivに段階的に追加しています

    div {
       tranform:translate(20px,20px);
       opacity:0;
       transition:.3s;
    }

    div.go {
      transform:none;
      opacity:1;
    }

それぞれの div が飛んでくるときに、わずかに増加する遅延が必要です。これを実現するために使用できる方法は 2 つあります。

  1. インクリメンタル CSS3transition-delayをインライン スタイルとしてdiv に設定する
  2. クラスをdivdelay()に追加する際にjQueryを使用する.go

パフォーマンスに関して、どちらがより良い方法か考えている人はいますか? ありがとう！

4

1 に答える 1

0

JQueryのアプローチは、アプリ開発の観点からはより柔軟になると思います。すぐに、DIVを表示する前にチェック（セキュリティ、ユーザー設定、ブラウザー/プラットフォーム固有の機能）を追加できます。アプリケーションによって異なります。

プロパティの適用を遅らせるだけの場合は、CSSソリューションで十分です。ただし、JQuery / Javascriptは、CSS3のtransition-delayと言うよりも、より多くのブラウザーとプラットフォーム（モバイルを考えてください）でより広くサポートされると思います。パフォーマンスへの影響はわずかです。

お役に立てれば。幸運を。

于 2013-01-02T19:54:14.743 に答える