jQuery3系でスムーススクロール

jQuery3系でスムーススクロール

あれ?この前まで動いてたのに、スムーススクロールが動かなくなった!というのを学生から続けて質問されたので調べました。

ということで、jQuery3系で動くスムーススクロールはこう書きます。

これまでのスムーススクロール

これがWeb上で検索してでてくるスムーススクロールです。

 

jQuery3系で動くスムーススクロール

こちらが、jQuery3系で動くスムーススクロールです。

 

で、結局ナニが違うの?

2行目、赤色の部分 #(シャープ)をダブルクォーテーションで囲むだけ。

【旧】$(‘a[href^=#]’).click(function(){

【新】$(‘a[href^="#"]’).click(function(){

 

PR

関連記事