[jQuery] jquery-smooth-scroll: ページ内リンクをスムースにスクロールさせる

公開日: 2014/12/09
更新日: 2018/11/01

定番っぽい。

Contents

License

MIT

Browser Support

jQuery に依存かな。

Installation

% bower install jquery-smooth-scroll --save

bower_components/jquery-smooth-scroll
├── LICENSE-MIT
├── bower.json
├── index.html
├── jquery.smooth-scroll.js
├── jquery.smooth-scroll.min.js
└── readme.md

Usage

jQuery のあとにプラグインを読み込む。

  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.smooth-scroll.min.js"></script>
</body>

オプションもこんな形式で付けられる。

jQuery(function() {
  'use strict';
  jQuery('footer a').smoothScroll({speed: 400});
});

セレクタを指定、スピードを設定。

補遺