スクロールバーを装飾できるjs「jscrollpane」

Yukimi Sato 639views 更新:2014年5月28日

http://jscrollpane.kelvinluck.com/

必要なjsは下記3つです。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.jscrollpane.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>

その下にスクロールさせるdivなどのクラス(今回は”scrollArea”という名前)を指定する記述を入れます。

<script type="text/javascript">
$(function(){
    $('.scrollArea').jScrollPane();
});
</script>

「jquery.mousewheel.min.js」はマウスホイールと連動してくれるjsなので、こちらも入れます。
「jquery.mousewheel.min.js」の最新版は下記からダウンロードすることができます。

https://github.com/brandonaaron/jquery-mousewheel

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません