jquery-nicescrollを利用してスクロールバーの速度や色を変える

harada 3,067views 更新:2014年5月30日

jquery-nicescrollプラグインを利用することで、スクロールの形状やスピードを簡単に変更することが出来ます。
ダウンロードとデモはこちらから

使い方

jQueryファイルと、nicescrollファイルを読み込みます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="file/jquery.nicescroll.js"></script>

Javascriptを追加します。

<script type="text/javascript">
$(document).ready(function() { 
 $("body").niceScroll({cursorcolor:"#FF9900"});
 }
);
</script>

これは全体に適用して、スクロールバーの色をオレンジに変更する場合です。

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

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

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