小编Pet*_*ert的帖子

如何在滚动某处后更改课程

滚动后我需要我的标题来改变它的颜色.我知道在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)

的jsfiddle

html css jquery

3
推荐指数
1
解决办法
4万
查看次数

标签 统计

css ×1

html ×1

jquery ×1