停止滾動時如何停止菜單

Question

當你停止滾動時，我無法弄清楚如何停止菜單。 當您向下滾動菜單時，只有在停止滾動或向上滾動時才隱藏和顯示。 我的代碼僅在您向上滾動時才起作用，如果您幫助我，我將不勝感激。

JS：

$(window).scroll({
    previousTop: 0
    }, 
    function () {
        var currentTop = $(window).scrollTop();
        if (currentTop < this.previousTop) {
            $("header").css("display", "none");
        } else {
        $("header").css("display", "block");
    }
    this.previousTop = currentTop;
});

Answer 1

問題是你只檢查currentTop小於previousTop 。 只有在上升時才會這樣。

真的，如果你想在你滾動的任何時候觸發它，你需要只做currentTop != previousTop ，它將在兩個方向上工作。