Topへ戻ろう！シンプルなスムーズスクロールJSライブラリ、jump.jsをご紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

バスタオルはフワフワよりゴワゴワ派、フロントエンドエンジニアのザワです。 ウェブサイトでよく見かける動きの一つ、ボタンをクリックすると、するするっと目的の位置にスクロールする動きがありますよね。TOPへ戻るボタンや、ページ内アンカーなどが代表的に見られると思います。jQuery信仰派であった時は、animate関数を使用していたものです。今回は、jQueryを使わずに簡単に実装できるJSライブラリであるjump.jsをご紹介したいと思います。 インストール まずはライブラリをインストールしましょう！ github Demo 使い方 jump(‘.target’); え、それだけ？ はい。それだけです。 第一引数には、上に挙げた例のように、セレクタを渡す他に、ノードを渡したり、現在位置からの相対値を渡すことができます。 //node const node = document.querySe