MoveTo が正常に動作しない

Question

この記事 を参考にスムーススクロールを実現させようとしたところ、うまくいきませんでした。

JSFiddle

HTMLには <a href='#header' class="js-trigger" data-mt-duration="300"> としてしました。

当たり前ですが、ジャンプリンクは正常に機能しています。
Github の説明にも目を通しましたがわからなかったので質問させていただきます。

Answer 1

公式デモのソースには下記のような記述部分があるので、それが必須なのでは。

    document.addEventListener('DOMContentLoaded', function(){
      const moveTo = new MoveTo();
      const triggers = document.getElementsByClassName('js-trigger');
      for (var i = 0; i < triggers.length; i++) {
        moveTo.registerTrigger(triggers[i]);
      }
    });
```**動くサンプル：**[https://jsfiddle.net/offh5yh6/1/](https://jsfiddle.net/offh5yh6/1/)

Comments

[2001Y]

ありがとうございます。
無事動作しましたが、そのような指示は乗ってないですよね。
どういうことなのでしょうか。

[kei344]

開発元に聞いてください。

[2001Y]

ありがとうございます。
https://2001y.github.io
このサイトなのですが、動作するときとしないときがあるようなのです...

[kei344]

複雑な構成になっているため、重ね順に問題があるのでは。ページ（スライド）単位でドットを設定せずにナビゲーションはまとめてしまってはいかがでしょう。

[2001Y]

なるほど....
重ね順は正しいはずなのですが、ナビゲーションですか。
ナビゲーションでも良いのですが、全てのページに設置できないなと思ったのですが、検討して見ます。