檢測滾動方向時出錯

Question

從這個問題開始- 如何確定jQuery滾動事件的方向？ ，我編寫了這段代碼。

var lastS=$(window).scrollTop();

function whatHappened()
{
    var currentS=$(window).scrollTop();
    console.log(lastS,currentS);

    if(currentS>lastS)
    {
       lastS = currentS;
       return "Scroll down";
    }
    else
    {
        lastS = currentS;
        return "Scroll up";
    }
}

$(window).on("mousewheel",function(){
    console.log(whatHappened());
});

這似乎工作正常，但有一個小問題。 如果我向下滾動兩次以上然后向上滾動，則首先顯示向下滾動然后向上滾動。 反之亦然。 怎么了？ 請幫忙。 提前致謝。

JS小提琴： http ： //jsfiddle.net/3843e/

Answer 1

mousewheel事件是非標准的-在您的情況下，它可能是在更新滾動信息之前觸發的，因此您始終在“上一個”滾動高度上進行操作。