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

Question

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

脚本应该是这样的：

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

score 20 · Accepted Answer

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

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

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

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

score 18 · Accepted Answer

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

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

score 4 · Accepted Answer

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

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

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

正如文档所说：

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

score 3 · Accepted Answer

3

这对我有用。

scrollInertia: 0
mouseWheelPixels: 170,
autoDraggerLength:false,

于 2017-10-11T09:28:19.560 回答

score 1 · Accepted Answer

这对我有用。

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

5 回答 5