自定义滚动条 - 鼠标滚轮太慢

Question

我正在使用包含带自定义滚动条的div的网站。我的问题是鼠标滚轮不能正常工作，它太慢了。

该网站为http://alaaelseifi.net/，自定义滚动库来自http://manos.malihu.gr/

脚本应该是这样的：

$(window).load(function() {
    $(".scroll-pane").mCustomScrollbar();
    //code that make scrolling with mouse faster
});

Answer 1

您可以按照scoll libraries文档中的说明设置选项中的滚动速度：http://manos.malihu.gr/jquery-custom-content-scroller/

我认为你要找的是这样的：

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

只需玩弄这个值，直到你需要它的速度。

Answer 2

我还注意到我网站上的“缓慢”感觉是由于默认情况下滚动惯性已打开，如果你使用以下它会将其关闭并导致条不会延迟尝试：

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

Answer 3

正如Melinda所提到的，scrollInertia可以解决问题，但是如果完全不关闭，你可以调整它以使其更快，但仍然平滑。将它完全关闭使得滚动按照我的喜好过于跳跃，并让它跳过许多选项。这使得无法获得一些选择。

我发现60毫秒是理想的设置：

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

正如文档所说：

  

将滚动动量设置为动画持续时间（以毫秒为单位）。   较高的值等于更大的滚动动量，这转化为更平滑/更渐进的动画。设置为0表示禁用。

Answer 4

这对我有用，我必须在这里结合两个答案，

scrollInertia: 0
mouseWheelPixels: 170,
autoDraggerLength:false,

Answer 5

这适合我。

$("#scroll").mCustomScrollbar({
   mouseWheelPixels: 170,
   autoDraggerLength:false 
});