jScrollPaneの使い方 スクロールバー

jScrollPaneの使い方については下記サイトを参照

https://shanabrian.com/web/library/jscrollpane.php

<scriptsrc=”js/jquery.js”type=”text/javascript”></script><scriptsrc=”js/jquery.jscrollpane.min.js”type=”text/javascript”></script>

<divid=”sample”><divclass=”inner”>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div></div>

$(‘#sample’).jScrollPane();

/* 本体 */.jspContainer {}/* 縦スクロールバー本体 */.jspVerticalBar {}/* 横スクロールバー本体 */.jspHorizontalBar {}/* 縦スクロールバーの背景 */.jspVerticalBar .jspTrack {}/* 横スクロールバーの背景 */.jspHorizontalBar .jspTrack {}/* 全ての矢印ボタン */.jspArrow {}/* 上矢印ボタン */.jspArrowUp {}/* 下矢印ボタン */.jspArrowDown {}/* 左矢印ボタン */.jspArrowLeft {}/* 右矢印ボタン */.jspArrowRight {}/* 縦スクロールバー 先端または終端時の矢印ボタン */.jspVerticalBar .jspDisabled {}/* 横スクロールバー 先端または終端時の矢印ボタン */.jspHorizontalBar .jspDisabled {}/* 右下角 */.jspCorner {}