Kaori Aihara | Web & Graphic Designer

スムーススクロールがJavaScriptだけで簡単にできました

今まで、アンカーへジャンプした時の動きをスムーススクロールにしたい時、jQueryやWordPressのプラグインを使っていたのですが、JavaScriptだけでも簡単にできました。

topで指定する移動先の垂直位置は、任意のaタグの垂直位置を指定する。
document.querySelectorAll(‘a[href^=”#”]’)で全aタグを取得し、スムーススクロールしないaタグは条件分岐で除外する。
そのaタグのクリックイベントに上のwindow.scroll処理を書く。

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。