CODEWITHSUNDEEP
jquerymousewheeljquery-jscrollpane
parascus
parascus

Reputation: 1249

Speed up mouse wheel in jScrollPane (jQuery)

I have a div with a fixed height and in it a ul-list and many li-items. I apply to the div a jScrollPane for which I want to customize the appearance of the scrollbar. My code is like:

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

As jScrollPane I use the scripts of http://jscrollpane.kelvinluck.com and it is kind of working. But the speed of the mouse wheel (velocity of scrolling) is much too slow although I tried to set the speed up as you can see in my example above.

Does anybody has had the same effect and can give me a hint how I can speed it up?

Upvotes: 10

Views: 9456

Answers (2)

andrewb
andrewb

Reputation: 5339

In the jquery.jscrollpane.js (or even .min.js file), find "mouseWheelSpeed" in the "defaults". This was 3 for me originally, I bumped it up to 30. Perhaps it is 3 or 30 pixles/click.

Edit

Sargin Sargin's answer is probably better for most cases. Given his solution, editing the plugin file would only make sense if you wanted to set a new default for reuse around a site. You'd also need to make note of changes made so that you don't lose your customisation when you update the file.

Upvotes: 11

Abdullah SARGIN
Abdullah SARGIN

Reputation: 1646

You have to define the wheel speed when you initialize the plugin like this:

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

Upvotes: 16

Related Questions