<分区>
<分区>
我打算在特定的 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);
}
最佳答案
addClass和 removeClass接受一个或多个类名没有句点
$("#navcontainer").addClass("bg2");
需要注意的是jQuery有一个toggleClass还有
$(window).scroll(function(){
$("#navcontainer").toggleClass('bg2', $(this).scrollTop() > 340);
});
关于javascript - addClass 和 removeClass 方法无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25727828/