無趣味の戯言

📄️

【JS】ページ内リンクをスムーススクロールさせる【IE対応】

こんにちは、だいちゃんです。

素のJavascript(jQuery不使用)かつIE対応で、ページ内遷移のスムーススクロールを実装する方法を調べてみました。今後の自分の為にメモしておきます。

SmothScrollとは

ページ内遷移のとき、しゅるるーと動きのある遷移をさせることで ページ内で移動していることがわかりやすくなる のと、なにより なんかかっこいい です(語彙力)

jQueryを使う方法は多々あるのですが、素のJavascriptで紹介しているものが少なく、あってもIE非対応の書き方だったりしました。

結論

こちらを利用させて頂きました!

ページ内リンクをスマートにするsmoothScroll.js - to-R

smoothScroll.js をダウンロードして読み込ませておくだけで適用される手軽さが最高です!

また、適用させたくない箇所も指定できるので、とりあえず読み込ませておくといいかもしれません。


こんな感じの便利なライブラリを自分でサクッと作って公開できるだけの技量を目指したいです。

Buy Me A Coffee