zoukankan      html  css  js  c++  java
  • 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时,该属性表示自动初始化的延时,默认是500ms;

    7、verticalDragMinHeight:垂直可拖动的最小高度,默认是0;

    8、verticalDragMaxHeight:垂直可拖动的最大高度,默认是99999;

    9、horizontalDragMinWidth:水平可拖动的最小距离,默认是0;

    10、horizontalDragMaxWidth:水平可拖动的最大距离,默认是99999;

    11、contentWidth:滚动区域的宽度,一般不要设置,该插件会根据内容实际宽度计算,默认undefined;

    12、animateScroll:当调用scrollTo 或者scrollBy的时候,设置一个动画效果,包括时长duration和渐变ease,默认false;

    13、animateDuration:动画时长,默认300ms;

    14、animateEase:动画渐变函数,默认linear;

    15、hijackInternalLinks:劫持锚链接,定位到滚动区域指定位置,默认false;

    16、verticalGutter:垂直方向,内容和滚动条之间的距离,默认是4px;

    17、horizontalGutter:水平方向,内容和滚动条之间的距离,默认是4px;

    18、mouseWheelSpeed:鼠标滚轮的速度,默认是10px;

    19、arrowButtonSpeed:方向按钮滚动内容的速度,默认是10px;

    20、arrowRepeatFreq:按住方向按钮,内容滚动的频率,默认是100ms;

    21、arrowScrollOnHover:当鼠标悬浮在方向按钮上时,是否允许滚动,默认false;

    22、verticalArrowPositions:垂直方向按钮和固定点的位置,默认split;

    23、horizontalArrowPositions:同上,水平方向;

    24、enableKeyboardNavigation:是否允许键盘导航,默认true;

    25、hideFocus:是否隐藏焦点框,默认false;

    26、clickOnTrack:当点击固定点的时候,是否向相应方向滚动内容,默认true;

    27、trackClickSpeed:点击固定点的滚动速度,默认是30px;

    28、trackClickRepeatFreq:点击固定点的滚动频率,默认是100ms。

    如果要修改滚动条的默认样式可以打开jquery.jscrollpane.css文件修改

    下载地址

  • 相关阅读:
    奇怪的人
    假象世界
    心态记录
    民用自组织网络公司概要
    禁止VMware虚拟机与Host的时间同步
    20万左右SUV介绍
    手机GPS为什么能在室内定位?
    取余与位运算
    shell 基础进阶 *金字塔
    shell 、awk两种方法编写9*9法表
  • 原文地址:https://www.cnblogs.com/zywf/p/4486809.html
Copyright © 2011-2022 走看看