こちらの 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 エフェクトを有効にします
開発者ツールを使用して最後のサイトをチェックすると、すごいフェードイン クラスにアニメーション クラスが追加されることがわかります。しかし、これは最初のサイトでは起こっていません…そして、その理由はわかりません。
この理由は何でしょうか?
ドキュメント に記載されているように wow.js
コード内を起動するのを忘れているようです。そのため、スタートアップ コードを追加するだけで済みます。簡単な解決策は、次を追加することです:
<!-- -->
行の下のカスタム スクリプト (または
</body>タグの前の任意の場所)。