Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 当scrollTop()=div时如何删除类?_Jquery_Css - Fatal编程技术网

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()
。仍然不起作用。我发现你的代码只有在我滚动非常慢的情况下才能工作。