javascript - 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代码:

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

.bg2{
background-image: url(bg2.png);
}
.bg1{
background-image:url(bg1.png);
}

最佳答案

addClassremoveClass接受一个或多个类名没有句点

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

需要注意的是jQuery有一个toggleClass还有

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

关于javascript - addClass 和 removeClass 方法无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25727828/

上一篇:html - td 宽度比应有的大

下一篇:html - 无论如何要创建比 div 高度短的右边框?

相关文章:

jquery div 背景淡入淡出

html - 制作 4 block 布局(2 叠加)

带文字换行的 CSS3 圆圈

javascript - jQuery 突出显示滚动上的导航链接不起作用

javascript - 按下某个键时添加\到一个字符串

javascript - 如何在元素完成渲染后立即运行函数?

javascript - 当查看器滚动时,如何使我网站的导航栏保持在顶部?

javascript - 尝试从 JavaScript 函数调用单击隐藏按钮的函数

javascript - 在 Javascript 中拆分时,如何忽略两个已知字符串之间的可变字符串长度?

css - angular.json 中的 Angular 6 加载 css 文件夹