jQuery非依存のスムーススクロール「smooth-scroll.js」 | ブログ - Blog | 佐藤純平 - Jumpei Sato

はじめに jQuery非依存でスムーススクロールを実装できる「smooth-scroll.js」をご紹介します。 軽量で、easingも複数用意されています。 公式DEMOはこちら 使ってみる まずダウンロード こちらから 設置する jsの読み込み パスは適宜変えて下さい。 <script src="assets/js/smooth-scroll.js"></script> アンカーリンクを設定 使用したいアンカーリンクに「data-scroll」を付与します。 <a data-scroll href="#anchor01">アンカー1へ</a> jsを実行 ページの下部に記述するのが推奨されています <script>var scroll = new SmoothScroll('a[href*="#"]');</script> これだけでスムーススクロールが実装できます。 あとは必要に応じ

[x-shinohara]

ew SmoothScroll('a[href*="#"][javascript]');</script>”