javascript - 如何计算jquery中的鼠标滚轮滚动

Question

如何计算 jquery/javascript 中的鼠标滚动？喜欢初始值 0 并向下滚动++1 并向上滚动 --1。而不是-1。必须是积极的。

如果我向下滚动 2 次，则值将为 2，然后向上滚动一次，则值为 1。

Answer 1

$(document).ready(function(){
    var scrollPos = 0;
    var Counter = 0;
    $(window).scroll(function(){
        var scrollPosCur = $(this).scrollTop();
        if (scrollPosCur > scrollPos) {
            Counter -= 1;
        } else {
            Counter += 1;
        }
        scrollPos = scrollPosCur;
    });
});

代码比较滚动条的位置。 scrollPos 显示您将滚动条向下移动了多少像素，并使用值 0 进行了初始化，因为它从顶部开始。

当你滚动页面时，scrollPosCur会先保存滚动条的当前Position。之后我们比较值是如何变化的:

如果当前值大于保存的值，则表示滚动条已向下移动，因此您的Counter 将增加1。与此类似，当 scrollPosCur 小于 scrollPos 时，我们将 Counter 减 1。

为了保持代码正常运行，我们保存当前值以便与将来的滚动事件进行比较。