• 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});
  • 相关阅读:
    node爬取html乱码
    mysql字段有中英文,数字按照升序/降序 排序
    解决git反复输入密码的问题
    vue在jsx中使用for循环
    vscode插件篇
    table无法控制宽度
    console输出彩色字体
    原生js实现vue组件功能
    ES6中的proxy
    面向对象编程
  • 原文地址:https://www.cnblogs.com/qianduanjingying/p/5221914.html
Copyright © 2020-2023  润新知