防止在没有浏览器滚动的情况下添加类

Question

该js仅在向上滚动浏览器页面时添加类。 但是问题是在向上滚动浏览器到页面顶部之后.darkHeader类没有被删除，这意味着我想在页面向上滚动到页面之后删除此类。

JS

lastScroll = 0;
$(window).on('scroll',function() {    
    var scroll = $(window).scrollTop();
    if(lastScroll - scroll > 0) {
        $(".nav").addClass("darkHeader");
    } else {
        $(".nav").removeClass("darkHeader");
    }
    lastScroll = scroll;
});

JSfiddle >>

页面完全向上滚动到页面/头部顶部后，如何删除.darkHeader类？ 如何防止在没有浏览器滚动的情况下添加类？

Answer 1

您可以添加另一个条件来检查滚动是否在页面顶部，并删除这样的类：

    if(scroll === 0){
        $(".nav").removeClass("darkHeader");
    } else if(lastScroll - scroll > 0) {
        $(".nav").addClass("darkHeader");
    } else {
        $(".nav").removeClass("darkHeader");
    }