jQuery

【jQuery】スムーズかつ自動的にあなたのコンテンツをスクロールするautoscroll.js

September 21, 2016
autoscroll.js

autoscroll.jsはスムーズかつ自動的にあなたのコンテンツをスクロールするためのjQueryプラグイン。

JS

<head>
 <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>

 <script src="path/to/autoscroll.js"></script>
</head>

jQuery

$('element').scroller();

JavaScriptを使用

var scroll = new Scroller('{"element" : element }');

HTML

<div class="scroller" id="id-1" data-config='{ "amount": 150, "delay": 1500 }'>
  <div class="item"></div>
  <div class="item"></div>
  ...
</div>

デフォルトオプション

{"amount" : 100 , "delay" : 2000 } //2000ms and 100px

MITライセンス