在jScrollPane(jQuery)中加速鼠标滚轮

时间:2013-06-17 18:56:25

标签: jquery mousewheel jquery-jscrollpane

我有一个固定高度的div,里面有一个ul-list和很多li-items。我向div应用了一个jScrollPane,我想为其自定义滚动条的外观。我的代码就像:

$(function() {
    $('.myDiv').jScrollPane( { showArrows: true, arrowScrollOnHover: true, wheelSpeed: 120 });
});

作为jScrollPane我使用http://jscrollpane.kelvinluck.com的脚本,它有点工作。但是鼠标滚轮的速度(滚动速度)太慢了,尽管我试图设置速度,如上图所示。

有没有人有同样的效果,可以给我一个如何加快速度的暗示?

2 个答案:

答案 0 :(得分:16)

初始化插件时必须定义轮速:

$('.scroll-pane').jScrollPane({
    mouseWheelSpeed: 50
});

答案 1 :(得分:11)

在jquery.jscrollpane.js(甚至.min.js文件)中,在“defaults”中找到“mouseWheelSpeed”。这对我来说原来是3,我把它提高到30。也许它是3或30像素/点击。

修改

对于大多数情况,Sargin Sargin的回答可能更好。鉴于他的解决方案,编辑插件文件只有在设置新的默认值以便在站点周围重用时才有意义。您还需要记下所做的更改,以便在更新文件时不会丢失自定义。