Wow.jsがサーバで動作していません

Question

wow.jsを使用してスクロールで要素をアニメーション表示しています。ローカルではうまくいきますが、サーバーにアップロードしたときにスクロールする前にアニメーションクラスが呼び出されます（ページが読み込まれる）。 Click here

ライブを参照してください。

Answer 1

gifより上のページアセットがウェブよりも速く読み込まれたため、ローカルで機能すると思います。ページを開くときにwowdivがスクロールされる前に「アニメーション」クラスがロードされています（ヘッダーページのアセットがロードされている間にWOW divが表示されたために起こりました）。

wow.js

はスクロールにいくつかのHTML要素をアニメーション化するために使用され、GIFアニメーション状態を制御することがありませんが、あなたが望むよう wowが divが表示され、その後の要素で visibility: visibleを適用するため、それが動作します。

gifのアニメーションを開始するには、スクロールして表示状態（画像の表示を非表示にしてから非表示にする）を制御しているときにのみ画像を表示します。

this pluginのようなものを使用して画像を「レイジーロード」すると、スクロールするときにGIFアニメーションを開始することもできます。 「レイジーロード」プラグインは、ウィンドウに表示されるときにイメージをロードします。