Javascript addClass和removeClass方法不是';t工作不正常

Javascript addClass和removeClass方法不是';t工作不正常,javascript,jquery,css,addclass,removeclass,Javascript,Jquery,Css,Addclass,Removeclass,我计划添加和删除背景图像到一个特定的DIV,但它似乎工作不好 jQuery代码: $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop() > 340) { $("#navcontainer").addClass("bg2"); } else { $("#navcontainer").addClass("bg1"); } }); }); 以下是css代码

我计划添加和删除背景图像到一个特定的DIV,但它似乎工作不好

jQuery代码:

$(document).ready(function(){
 $(window).scroll(function(){
  if ($(this).scrollTop() > 340) {
   $("#navcontainer").addClass("bg2");
  } else {
   $("#navcontainer").addClass("bg1");
  }
 });
});
以下是css代码:

#navcontainer{
height: 70px;
width: 100%;
position: fixed;
z-index: 9999;
}

.bg2{
background-image: url(bg2.png);
}
.bg1{
background-image:url(bg1.png);
}
并接受一个或多个不带句点的类名

应该注意的是,jQuery还有一个

并接受一个或多个不带句点的类名

应该注意的是,jQuery还有一个


您只需要写类名,如下所示:

$(document).ready(function(){
 $(window).scroll(function(){
  if ($(this).scrollTop() > 340) {
   $("#navcontainer").addClass("bg2");
  } else {
   $("#navcontainer").removeClass("bg1");
  }
 });
});

您只需要写类名,如下所示:

$(document).ready(function(){
 $(window).scroll(function(){
  if ($(this).scrollTop() > 340) {
   $("#navcontainer").addClass("bg2");
  } else {
   $("#navcontainer").removeClass("bg1");
  }
 });
});

有关更多信息,请参阅更多信息不工作:(也不工作:(感谢toggleClass确实有效,但它与addclass方法有什么区别没有区别,但顾名思义,它切换类,如果不存在则添加,如果存在则删除。它在这里工作的原因是toggleClass使用第二个参数,即
开关
,告诉它删除或添加如果你通过false/true,那么这个类,你对scrollTop的检查会返回正确或错误的结果。啊哈,谢谢你,伙计,那么我可以给这个类添加一个转换吗?谢谢,toggleClass真的很有效,但是它和addclass方法有什么区别呢?没有区别,但是顾名思义,它会切换这个类,如果它不在那里就添加它它在这里工作的原因是因为toggleClass接受第二个参数,
开关
,告诉它在通过false/true时删除或添加该类,并且您对scrollTop的检查会准确返回true或false。啊哈,谢谢,伙计,那么我可以添加到该类的转换吗?
$(document).ready(function(){
 $(window).scroll(function(){
  if ($(this).scrollTop() > 340) {
   $("#navcontainer").addClass("bg2");
  } else {
   $("#navcontainer").removeClass("bg1");
  }
 });
});