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});