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

此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;
});

>>

---

页面在页面/页眉上方完全向上滚动后，如何删除

.darkHeader

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

您可以添加另一个条件，检查滚动是否位于页面顶部，并按如下方式删除类：

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

---

您可以添加另一个条件来检查滚动是否位于页面顶部，并删除如下类：

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

---

您可以添加另一个条件来检查滚动是否位于页面顶部，并删除如下类：

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

---

您可以添加另一个条件来检查滚动是否位于页面顶部，并删除如下类：

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

---

当您向上滚动到页面顶部时，黑色标题仍然显示？你用的是什么浏览器？你确定你正确地实现了它吗（这里有一个分叉的小提琴：）？woo有效，谢谢，现在我已经在我的网站上尝试过了：）在更多方面，它在IE9中有效吗？谢谢。当你向上滚动到页面顶部时，黑色标题仍然显示？你用的是什么浏览器？你确定你正确地实现了它吗（这里有一个分叉的小提琴：）？woo有效，谢谢，现在我已经在我的网站上尝试过了：）在更多方面，它在IE9中有效吗？谢谢。当你向上滚动到页面顶部时，黑色标题仍然显示？你用的是什么浏览器？你确定你正确地实现了它吗（这里有一个分叉的小提琴：）？woo有效，谢谢，现在我已经在我的网站上尝试过了：）在更多方面，它在IE9中有效吗？谢谢。当你向上滚动到页面顶部时，黑色标题仍然显示？你用的是什么浏览器？你确定你正确地实现了它吗（这里有一个分叉的小提琴：）？woo有效，谢谢，现在我已经在我的网站上尝试过了：）在更多方面，它在IE9中有效吗？谢谢