letmescroll.js

letmescroll.jsはスクロールのネイティブな動作を維持しつつ、イベントやショートカット等も使える軽量スクロールバー実装ライブラリです。

楽に実装できて軽量、非依存で使いやすい設計となっています。

<script src="letmescroll.js"></script>
<link rel="stylesheet" href="letmescroll.css">
<div id="example">
 foo bar
</div>

スクリプト、CSS、HTMLを用意し、

document.addEventListener("DOMContentLoaded", function() {
    demo = new LetMeScroll({
     selector: "#example",
     config : {
           dimensions : {
               width : "auto",
               height : "500px"
           },
           scroll : {
             bottomOffset: 0,
             autoHide: true
           }
     }
   });
});

初期化します。

ユーザーのスクロール時に何か処理したい、なんて時にあると工数稼げますね。ライセンスはMITとの事です。

letmescroll.js