jQuery Scroll divスクロールバースタイルの変更

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

        <script type="text/javascript" src="js/jquery.mousewheel.js"></script>

        <script type="text/javascript" src="js/jquery.em.js"></script>

        <script type="text/javascript" src="js/jScrollPane.js"></script>

        <script type="text/javascript">

            

            $(function()

            {

                // this initialises the demo scollpane on the page.

                $('#pane1').jScrollPane();

            });

            

        </script>

一般的なパラメータ構成アイテム

1、showArrows:スクロール矢印を表示するかどうか、モードはfalse;
2、maintainPosition:スクロール領域を再初期化した後、スクロールバーの元の位置を維持するかどうか、デフォルトはtrueである.
3、stickToBottom:maintainPositionがtrueに設定され、スクロール領域が底部に達し、新しいコンテンツが追加された場合、任意にスクロール領域の底部に固定され、デフォルトはfalseである.
4、stickToRight:stickToBottomの属性原理と似ているが、方向は右側であり、底ではない.
5、autoReinitialise:スクロール領域を自動的に初期化し、内部実現メカニズムは実際にはタイマーであり、内部に内容が追加されたことを検出した場合、再初期化し、性能の原因でfalseをデフォルトする.
6、autoReinitialiseDelay:autoReinitialiseがtrueに設定されている場合、この属性は自動初期化の遅延を表し、デフォルトは500 msである.
7、verticalDragMinHeight:垂直にドラッグできる最小高さ、デフォルトは0.
8、verticalDragMaxHeight:垂直にドラッグできる最大高さ、デフォルトは99999.
9、horizontalDragMinWidth:水平にドラッグできる最小距離、デフォルトは0.
10、horizontalDragMaxWidth:水平にドラッグできる最大距離、デフォルトは99999;
11、contentWidth:スクロール領域の幅は、一般的に設定しないでください.このプラグインは内容の実際の幅に基づいて計算され、デフォルトundefinedです.
12、animateScroll:scrollToまたはscrollByを呼び出すと、時間durationとグラデーションease、デフォルトfalseを含むアニメーション効果を設定します.
13、animateDuration:アニメーション時間、デフォルト300 ms;
14、animateEase:アニメーショングラデーション関数、デフォルトlinear;
15、hijackInternalLinks:アンカーリンクをハイジャックし、スクロール領域の指定位置に位置決めし、デフォルトfalse;
16、verticalGutter:垂直方向、内容とスクロールバーの間の距離、デフォルトは4 pxです.
17、horizontalGutter:水平方向、内容とスクロールバーの間の距離、デフォルトは4 px;
18、mouseWheelSpeed:マウスホイールの速度、デフォルトは10 px;
19、arrowButtonSpeed:方向ボタンが内容をスクロールする速度、デフォルトは10 px;
20、arrowRepeatFreq:方向ボタンを押して、内容がスクロールする頻度、デフォルトは100 msである.
21、arrowScrrollOnHover:マウスが方向ボタンに浮かぶとき、スクロールを許可するかどうか、デフォルトfalse;
22、verticalArrowPositions:垂直方向ボタンと固定点の位置、デフォルトsplit;
23、horizontalArrowPositions:同上、水平方向;
24、enableKeyboardNavigation:キーボードナビゲーションを許可するかどうか、デフォルトtrue;
25、hideFocus:フォーカスボックスを非表示にするかどうか、デフォルトfalse;
26、clickOnTrack:固定点をクリックすると、対応する方向にコンテンツをスクロールするかどうか、デフォルトtrue;
27、trackClickSpeed:固定点のスクロール速度をクリックし、デフォルトは30 pxである.
28、trackClickRepeatFreq:固定点のスクロール頻度をクリックし、デフォルトは100 msです.
スクロールバーのデフォルトスタイルを変更する場合はjqueryを開きます.jscrollpane.cssファイルの変更
ダウンロードアドレス