Javascript 滚动页面导航栏活动删除活动类
我正在尝试执行一个简单的js/jquery任务,其中当我滚动页面时,带有活动类的nav将删除活动类。由于某种原因,我当前的代码似乎不起作用。有人能给我一些帮助吗Javascript 滚动页面导航栏活动删除活动类,javascript,jquery,Javascript,Jquery,我正在尝试执行一个简单的js/jquery任务,其中当我滚动页面时,带有活动类的nav将删除活动类。由于某种原因,我当前的代码似乎不起作用。有人能给我一些帮助吗 $(window).scroll(function() { var windscroll = $(window).scrollTop(); if (windscroll >= 100) { $('.wrapper section').each(function(i) { if
$(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')。每个为了避免让人们猜测问题是什么,请阅读。