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

【问题标题】：Custom scrollbar - mouse wheel too slow自定义滚动条 - 鼠标滚轮太慢
【发布时间】：2013-03-10 21:15:15
【问题描述】：

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

脚本应该是这样的：

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

【问题讨论】：

【解决方案1】：

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

我认为您正在寻找的是这样的：

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

只需使用该值，直到 scolling 达到您需要的速度。

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

正如 Melinda 所提到的，scrollInertia 可以解决问题，但如果完全关闭，您可以调整它以使其更快，但仍然流畅。完全关闭它会使滚动变得不合我的喜好，并使它跳过了许多选项。这使得无法获得一些选项。

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

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

正如文档所说：

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

【讨论】：

【解决方案4】：

这对我有用。

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

【讨论】：

【解决方案5】：

这对我有用。

scrollInertia: 0
mouseWheelPixels: 170,
autoDraggerLength:false,

【讨论】：