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

   

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

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

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

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

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

あっと思い、

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

consoleを確認しよう!

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

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

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

smooth-scroll.min.js:2 Uncaught TypeError: Cannot read property 'offsetParent' of null

Uncaught TypeError: Cannot read property 'offsetParent' of null smooth-scroll.min.js:2

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

解決方法

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

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

エラー検索

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

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

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

data-scroll-ja

日本語翻訳するとこんな感じ。
意外とわかる・・w
data-scroll-en

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

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

 - web