Jquery 当scrollTop()=div时如何删除类?
我想滚动到我的导航,然后更改导航的类别,但我的脚本无法工作Jquery 当scrollTop()=div时如何删除类?,jquery,css,Jquery,Css,我想滚动到我的导航,然后更改导航的类别,但我的脚本无法工作 $(窗口)。滚动(函数(){ if($(窗口).scrollTop==$('.menu_nav').offset().top){ $('.menu_nav')。removeClass('menu_nav')。addClass('nav_scroll'); } }); 代码不起作用的原因是您在.addClass()和.removeClass()中使用了点() $('.menu\u nav').removeClass('
$(窗口)。滚动(函数(){
if($(窗口).scrollTop==$('.menu_nav').offset().top){
$('.menu_nav')。removeClass('menu_nav')。addClass('nav_scroll');
}
});代码>
-
-
-
代码不起作用的原因是您在.addClass()和.removeClass()中使用了点(
)
$('.menu\u nav').removeClass('.menu\u nav').addClass('.nav\u scroll')代码>
应该是
$('.menu\u nav').removeClass('menu\u nav').addClass('nav\u scroll')代码>
演示
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
如果($(“.menu\u nav”).length>0&&$(window.scrollTop()==$('.menu\u nav').offset().top){
$('.menu_nav')。removeClass('menu_nav')。addClass('nav_scroll');
}
});
});代码>
菜单{
高度:200vh;
背景:黄色;
}
.菜单导航{
位置:固定;
排名:0;
宽度:100%;
高度:100px;
背景颜色:蓝色;
}
.导航滚动条{
位置:固定;
排名:0;
宽度:100%;
高度:100px;
背景色:红色;
}
-
-
-
如果您包含代码的重要部分,我们会更容易帮助您,这里我将介绍您的导航html。如果没有,那么我们只能猜测什么不起作用。问题是您在.removeClass('.menu_nav').addClass('.nav_scroll')中使用了点的
代码>应该是.removeClass('menu_nav').addClass('nav_scroll')
scrollTop
是一个函数,必须被调用,当前将函数与数字进行比较。你必须写$(窗口)。scrollTop()
。仍然不起作用。我发现你的代码只有在我滚动非常慢的情况下才能工作。