Custom scrollbar - mouse wheel too slow

I also noticed that the "slow" feeling on my site was due to the fact that scroll inertia is turned on by default if you use the following it will turn that off and cause the bar to not lag trying :

$(".scroll-pane").mCustomScrollbar({
    scrollInertia: 0
});

As Melinda mentioned, scrollInertia does the trick, but rather than turning if off completely, you can adjust it to make it faster, but still smooth. Turning it off completely made the scrolling too jumpy for my liking, and made it jump over many options. That made it impossible to get to some options.

I found that 60ms was an ideal setting:

$(".mCustomScrollbar").mCustomScrollbar({
  scrollInertia: 60,
});

As the docs say:

Set the amount of scrolling momentum as animation duration in milliseconds. Higher value equals greater scrolling momentum which translates to smoother/more progressive animation. Set to 0 to disable.


You can set the speed of scrolling in the options as described in the scoll libraries documentation here: http://manos.malihu.gr/jquery-custom-content-scroller/

I think what you are looking for is something like this:

$(".scroll-pane").mCustomScrollbar({
  mouseWheelPixels: 50 //change this to a value, that fits your needs
})

Just play around with the value until scolling is as fast as you need it.