問題タブ [locomotive-scroll]

WordPress ウェブサイトに Google タグ マネージャー スクリプトを追加しようとしています。カスタム テーマは locomotivescroll.js と swup.js です。functions.php での統合に使用するコードは次のとおりです。

GTM でプレビューをテストすると、「Web サイトに接続できません」というメッセージが表示されますが、ホームページのソース コードにアクセスすると、上部の本文にスクリプトが見つかります。header.php に次 <?php wp_head(); /* insert scripts and tags in header */ ?>のように記述します: 頭の中と <?php do_action('body_top'); ?>本文の先頭

誰でも私を助けることができますか？前述の Js ライブラリに問題はありますか?

私のナビゲーションのリンクは、アンカー タグ (fe mysite.com/about#cv) を持つ URL を使用します。その理由は、fe についてのページにいなくても、特定のセクションにジャンプ/スクロールしたいからです。通常、これで問題なく動作します。しかし、私は機関車スクロール ライブラリを使用しています。

私は現在使用しています：

<script>$('.nav-link').on('click', function() {const slider = document.querySelector('#cv');locoScroll.scrollTo(slider)</script>

アンカーが配置されているページにいるとき、これは正常に機能します。しかし、サイトのどこからでも特定のセクションにアクセスできるようにしたいと考えています。

サイト全体に を使用しているセクションがありますScrollTrigger。を実装するLocomotive JSと、すべてのScrollTriggerアニメーションが機能しなくなりました。

update() ScrollTriggerフォーラムを読んだところ、Locomotiveスクロールする必要があることがわかりました。これを実装しましたが、結果は見られませんでした。

次に、表示されているウィンドウとアニメーションのサイズを変更すると、ScrollTrigger動作し始めました。

つまり、アニメーションはサイズ変更時にトリガーされますが、ページの読み込み時にはトリガーされません。

私は実装update()して試しましrefresh()たが、うまくいきません。

デモ（ここでも問題を示すフィドル）：

テスト 1

私が気付いたのは、すべてをコメントアウトしてlocomotive js実行すると、次のようになります。

は表示されますが、がアクティブなlogs場合は表示されません。locomotive

これが何が問題なのかを示している可能性があるかどうか不明ですか?

テスト 2

スニペットの最後で、次のコマンドを実行して、実行中かどうかを確認し、ステートメントrefresh()が返されているかどうかを確認しました。else繰り返しますが、理由はわかりません。

再作成する手順:

1. このフィドルを開く
2. 出力ボックスを幅のあるものに広げます（つまり1300px）
3. フィドルを実行する
4. 下にスクロールすると、要素が読み込まれていないことがわかります
5. 出力ボックスのサイズを小さいものに変更します
6. scrollTriggerアニメーションが表示されるようになりました

この問題を示す gif は次のとおりです。

機関車( https://locomotivemtl.github.io/locomotive-scroll/ ) div オフセット位置を探しています。ボタンをクリックすると、「data-scroll-to」を使用せずにスクロールアップします...実際に作成しましたページネーションアンカーページをクリックしたときのページネーションは、ヘッダーの最後までスクロールする必要があります。

ありがとう