wowjs アニメーション CSS が無効です。wowjs はアニメーション クラスを HTML 要素に追加しません
P粉748218846
P粉748218846 2024-03-19 21:29:39
0
1
413

こちらの Web サイトにアクセスし、開発者ツールを使用して確認すると、次の行が表示されます

<!--単一ポートフォリオ項目 1-->
<section class="single-items center-block parallax m-0" id="home" style="background: url(innovative/img/single-portfolio1.jpg)">
    <div class="コンテナ">
        <div class="行">
            <div class="col-md-12 center-col">
                <div class="area-Heading text-center wow fadeInUp" data-wow-delay="0.8s">
                    <h3 class="area-title text-capitalize alt-font text-white mb-2 font-weight-100 ">
                        ヌエストロ  ローレン イプサン  ローレン イプサン 
                    <p class="text-white font-weight-300"> ローレン イプサン</p>
                    <a href="#creative" class="btn btn-transparent-white btn-rounded btn-rounded btn-large mt-3 スクロール">loren ipsun</a>
                </div>
            </div>
        </div>
    </div>

</セクション>

*アニメーション* クラスがありません。試してみました: CSS、ブートストラップ CSS、アニメーション JS を手動でアニメーション化すると、なんと JS が機能しません… すべての CSS と JS を削除して、基本的な HTML だけを残し、CSS と JS をアニメーション化しても、何も起こりません

何が起こる可能性がありますか? 、このテンプレートには、バンドルされた js css ファイルにブートストラップとアニメーション css

が含まれています

コンソールのデバッグに 2 ~ 4 時間を無駄にしましたが、このエラーが原因ではないことがわかりました

私がしようとしているのは:

この Web サイトで示されているように、wow animate js css エフェクトを有効にします

開発者ツールを使用して最後のサイトをチェックすると、すごいフェードイン クラスにアニメーション クラスが追加されることがわかります。しかし、これは最初のサイトでは起こっていません…そして、その理由はわかりません。

この理由は何でしょうか?

P粉748218846
P粉748218846

全員に返信(1)
P粉422227023

ドキュメント に記載されているように wow.js を起動するのを忘れているようです。そのため、スタートアップ コードを追加するだけで済みます。簡単な解決策は、次を追加することです:

コード内 

<!-- --> 行の下のカスタム スクリプト (または </body> タグの前の任意の場所)。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート