滚动后我需要我的标题来改变它的颜色.我知道在Stackoverflow上有很多类似问题的问题,但是我已经尝试了所有的解决方案而且都没有工作.有谁可以帮助我吗?
HTML
<div class="header">HEADER</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.header {
background-color: red;
color: black;
width: 100%;
height: 80px;
position: fixed;
top: 0;
left: 0;
}
.header .change {
background-color: black;
color: red;
}
Run Code Online (Sandbox Code Playgroud)
jQuery的
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if(scroll >= 500) {
$(".header").addClass(".change");
} else {
$(".header").removeClass(".change");
}
});
Run Code Online (Sandbox Code Playgroud)