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との事です。