使用Javascript更改鼠标滚轮/轨迹板的灵敏度

使用Javascript更改鼠标滚轮/轨迹板的灵敏度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用CSS3根据滚动方向上下滑动一个div。我使用鼠标滚轮事件来跟踪用户的滚动,当用户向下滚动时,div会随着CSS3转换向上滑动。但是,我需要更改鼠标滚轮/轨迹板的灵敏度。现在,当我只转动方向盘一个“滴答声”时,事件已经被触发。在触摸板(Macbook)上,只有一毫米的双指运动触发事件,动画会被多次调用(太敏感了)。我需要能够指定最小数量的鼠标滚轮旋转/双指滑动距离,以确保动画不会快速触发 以下是我现在掌握的代码: $leftSide.bind('DOMMouseScroll mousewh

我使用CSS3根据滚动方向上下滑动一个div。我使用鼠标滚轮事件来跟踪用户的滚动,当用户向下滚动时,div会随着CSS3转换向上滑动。但是,我需要更改鼠标滚轮/轨迹板的灵敏度。现在,当我只转动方向盘一个“滴答声”时,事件已经被触发。在触摸板(Macbook)上,只有一毫米的双指运动触发事件,动画会被多次调用(太敏感了)。我需要能够指定最小数量的鼠标滚轮旋转/双指滑动距离,以确保动画不会快速触发

以下是我现在掌握的代码:

$leftSide.bind('DOMMouseScroll mousewheel', function(e) {
    if (scrollStep > 0 || scrollStep < $numberOfItems) {
        $leftSide.css({
            marginTop: scrollStepPixelsString,
            WebkitTransition: 'margin-top 700ms ease-in-out',
            MozTransition: 'margin-top 700ms ease-in-out',
            MsTransition: 'margin-top 700ms ease-in-out',
            OTransition: 'margin-top 700ms ease-in-out',
            transition: 'margin-top 700ms ease-in-out'
        });
    }
});
$leftSide.bind('DOMMouseScroll mousewheel',函数(e){
如果(滚动步骤>0 | |滚动步骤<$numberOfItems){
$leftSide.css({
marginTop:scrollStepPixelsString,
WebKittTransition:“利润率最高的700毫秒易入易出”,
MozTransition:“边缘顶部700ms缓进缓出”,
MsTransition:“边缘顶部700ms缓进缓出”,
OTransition:“边缘顶部700ms缓进缓出”,
过渡:“边缘顶部700ms缓进缓出”
});
}
});

如何降低鼠标滚轮和触控板的灵敏度?

您可以尝试使用来延迟函数的执行,自上次调用该函数以来延迟了x毫秒。

此外,这篇文章还有很多相关内容:NiceScroll可能是另一个选项:很棒的答案。我以前用过去盎司和节流,但这次想不起来了。谢谢:)