1. 遅延にanimation-deferまたはsetimeoutを使用すると、アニメーションの遅延が発生するのはなぜですか。遅延を使用しない場(chǎng)合は非常にスムーズです。800kの畫(huà)像を移動(dòng)しています。その遅延は、常にスタックするという意味ではありません。たとえば、次の場(chǎng)合次のアニメーション: moveup 0.9s easy-in-out forwards; アニメーションへの変更: moveup 0.9s easy-in-out forwards 0.4s;、約 0.5 秒でスタックしますか?
2.
メインのコードは上記の CSS で、後から js を使用して目的を達(dá)成するためのクラス名を追加します。
3. 攜帯電話でのテストでは遅延が発生しますが、パソコン側(cè)では問(wèn)題ありません。エラーメッセージも表示されません。つまり、遅延を追加しない場(chǎng)合はアニメーションがスムーズに進(jìn)行します。遅延を追加する場(chǎng)合は、追加された遅延時(shí)間 (0.4 秒または 0.6 秒など) に基づいて、さまざまな位置でフリーズします。コンピューターでテストする場(chǎng)合は問(wèn)題ありませんが、攜帯電話でテストするとフリーズします。私の攜帯電話アンドロイドです。4.
/a/11...、
を最適化するためにコンピューターでさまざまな答えを検索しました。最初は left を使用していましたが、後で変更し、transform を使用することを?qū)Wびました
問(wèn)題ないようです、赤色も出ていません?？激à椁欷朐颏蛑辘郡い扦?br>
1
0
0
認(rèn)證高級(jí)PHP講師
CSS ハードウェア アクセラレーションを有効にするために、translateZ(0) を追加しました。この部分は実際にはスタックしていますが、これはページが CSS をロードするときに発生するため、アニメーションにはプリセットがあり、ロード処理が発生することがわかります。ブラウザ レンダラーが計(jì)算のために結(jié)果をハードウェアに渡した後に結(jié)果を返すプロセス中に (2 つの不動(dòng)アニメーション ソリューションを使用できます。JS はタイムアウトを使用するか、タイムアウトを使用しません。メモリの可視性を確認(rèn)します。もちろん、アニメーションは複雑です \ただし、JS コントロールはプリロード プロセスを人為的に遅延させ、現(xiàn)在のアニメーションとは別に遅延アニメーションを計(jì)算し、大量の計(jì)算 (シャドウとアニメーション) を?qū)g行します。透明度) は、明らかなちらつき、フレームスキップ、さらには遅延を引き起こします
もちろん、別の極端な例もあります。トランスフォーム、トランジション、アニメーションの混合です。2 つのアニメーションを切り替える場(chǎng)合、プリロードされたアニメーション プロセスを切り替える必要があり、上記の狀況も発生します。話しすぎてごめんなさい; PS: chrome、FF、IE10 はすでに w3c 標(biāo)準(zhǔn)書(shū)き込みをサポートしています;
リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
