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});
  • 相关阅读:
    查询内容在网页里面分页显示+跳页查看
    struts2——通配符
    JavaScript 输出
    oracl函数
    oracle基本用法
    Java之线程处理之二
    java之多线程之一/序列化和反序列化
    错题整理之二
    S2结业考试的第一次测验
    cookie与session的爱恨情仇
  • 原文地址:https://www.cnblogs.com/qianduanjingying/p/5221914.html
Copyright © 2011-2022 走看看