Question

我打算在特定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);
}

Answer 1

addClass和removeClass接受一个或多个没有句号的

$("#navcontainer").addClass("bg2");

应该注意的是，jQuery还有一个toggleClass

$(window).scroll(function(){
    $("#navcontainer").toggleClass('bg2', $(this).scrollTop() > 340);
});

Answer 2

您只需要编写类名称，如下所示：

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

addClass和removeClass方法无法正常工作

2 个答案: