別ページのページ内アンカーリンクに飛ばない場合

http://abc.com/
のページで

をクリックすると飛ぶのに、

http://abc.com/contact/
のページで

をクリックすると飛ばない現象がありました。

何回押してもシーン・・・・

あっと思い、

何も動かない・・・と思ったら

consoleを確認しよう！

自分はChromeを使っているので、
右クリック - 検証で開きます。

option + command + I でも開きます。

確認するとこんなエラーメッセージが。

どうやらページ内スクロールで使っている、
smooth-scrollがいけてないとわかります。

解決方法

エラーが出たときはエラーメッセージをコピーして
検索してみましょう！

そうすると英語がずらずらと・・汗

とりあえず一番上を見てみる。

色々書いてあって、
英語なのでよくわかりませんが
htmlが書いてあるとなんとなく理解出来ます。

それで見てると一番下に書いてありました。

日本語翻訳するとこんな感じ。
意外とわかる・・ｗ

ということで、
別ページのページ内リンクしたいときは、
data-scrollの記述をしないということらしいです。

実装したらちゃんとできました！

 - web