滚动页面导航栏活动删除活动类

Question

我试图执行一个简单的js / jquery任务，当我滚动页面时，带有活动类的nav会删除活动类。出于某种原因，我目前的代码似乎不起作用。有人可以给我一些帮助吗？

$(window).scroll(function() {
    var windscroll = $(window).scrollTop();
    if (windscroll >= 100) {
        $('.wrapper section').each(function(i) {
            if ($(this).position().top <= windscroll - 20) {
                $('nav').removeClass('active');
                $('nav').eq(i).addClass('active');
            }
        });

    } else {

        $('nav.active').removeClass('active');
    }

}).scroll();

Answer 1

希望这可以解决您的问题

.header{
    height:1000px;
    border:1px solid #000;
}
.active{
    background:#ccc;
}

<div class="active header">
    navigation code
</div>

$(window).scroll(function(){
    var topvalue = 20;
    var scrollefromtop = $(window).scrollTop();
    if(scrollefromtop > topvalue){
        $(".header").removeClass("active");
    }else{
        $(".header").addClass("active");
    }
});