停止滚动时如何停止菜单

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，这将在两个方向都有效。