zoukankan      html  css  js  c++  java
  • jquery.jscrollpane.js滚动速度设置

    首先找到插件里面的这个函数,改变成下面的样子:

    function initMousewheel()
                {
                    container.unbind(mwEvent).bind(
                        mwEvent,
                        function (event, delta, deltaX, deltaY) {
    
                            if (!horizontalDragPosition) horizontalDragPosition = 0;
                            if (!verticalDragPosition) verticalDragPosition = 0;
    
                            var dX = horizontalDragPosition, dY = verticalDragPosition, factor = settings.mouseWheelSpeed || event.deltaFactor;
                            jsp.scrollBy(deltaX * factor, -deltaY * factor, false);
                            // return true if there was no movement so rest of screen can scroll
                            return dX == horizontalDragPosition && dY == verticalDragPosition;
                        }
                    );
                }

    插件原来的是这样子的;

    function initMousewheel()
                {
                    container.unbind(mwEvent).bind(
                        mwEvent,
                        function (event, delta, deltaX, deltaY) {
    
                            if (!horizontalDragPosition) horizontalDragPosition = 0;
                            if (!verticalDragPosition) verticalDragPosition = 0;
    
                            var dX = horizontalDragPosition, dY = verticalDragPosition, factor = event.deltaFactor || settings.mouseWheelSpeed;
                            jsp.scrollBy(deltaX * factor, -deltaY * factor, false);
                            // return true if there was no movement so rest of screen can scroll
                            return dX == horizontalDragPosition && dY == verticalDragPosition;
                        }
                    );
                }

    必须要把标红的地方改过来;

    再到js里面设置属性:为json格式。

    如:

    $('.p5_content_wrap').jScrollPane({"mouseWheelSpeed":50});

     如果需要滚动条自适应的话,即父容器尺寸改变的情况下滚动条也做出相应的改变:

    $('.company-pop-wrap ul').jScrollPane({"mouseWheelSpeed": 50, autoReinitialise: true});
  • 相关阅读:
    javascript--Date
    PL/SQL的命令行窗口中执行脚本
    关于资产新增接口问题描述
    ORA-00600: internal error code, arguments: [kqludp2], [0x08D226918], [0], [], [], [], [], [], [], [], [], []
    Oracle 表空间扩容
    EBS 创建会计科目 小结
    EBS AP 创建会计科目失败
    EBS GL 日记账行“账户说明”段说明显示不全
    EBS 修改系统名称
    EBS 修改系统颜色
  • 原文地址:https://www.cnblogs.com/qianduanjingying/p/5221914.html
Copyright © 2011-2022 走看看