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

Javascript 滚动页面导航栏活动删除活动类,javascript,jquery,Javascript,Jquery,我正在尝试执行一个简单的js/jquery任务,其中当我滚动页面时,带有活动类的nav将删除活动类。由于某种原因,我当前的代码似乎不起作用。有人能给我一些帮助吗 $(window).scroll(function() { var windscroll = $(window).scrollTop(); if (windscroll >= 100) { $('.wrapper section').each(function(i) { if

我正在尝试执行一个简单的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();
$(窗口)。滚动(函数(){
var windscroll=$(window.scrollTop();
如果(风切变>=100){
$('.wrapper节')。每个(函数(i){

如果($(this).position().top希望这能解决您的问题

.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");
    }
});
.header{
高度:1000px;
边框:1px实心#000;
}
.主动{
背景:#ccc;
}
导航码
$(窗口)。滚动(函数(){
var topvalue=20;
var scrollefromtop=$(窗口).scrollTop();
如果(scrollefromtop>topvalue){
$(“.header”).removeClass(“活动”);
}否则{
$(“.header”).addClass(“活动”);
}
});

我没有HTML代码,但我猜您正在尝试检查每个导航,以便添加基于scrollTop的特定类。问题可能来自
$('.wrapper section')。每个
,您可能都应该循环导航
$('.wrapper section nav')。每个
为了避免让人们猜测问题是什么,请阅读。