Question

（抱歉我的英语不好）

我有这个脚本，当我滚动100px的页面时添加了类：＆＃34; shadow-cat＆＃34;。它完美地运作：

document.documentElement.className = "js";

$(window).scroll( function() {

    if ( $(document).scrollTop() > 100 ) {
        $(".navigation").addClass("shadow-cat");
    } else {
        $(".navigation").removeClass("shadow-cat");
    }

});

但我想要一个不同的行为： shadow-cat类只有在前0位而不是之前才能添加。感谢。

Answer 1

尝试将条件$(document).scrollTop() > 100更改为类似$(document).scrollTop() == 100，然后如果窗口滚动到0，则show-cat将添加到元素中。如果它滚动了一点，那么该类将被删除。

Answer 2

$(window).scroll( function() {

    if ( $(document).scrollTop() > 100 ) {
        $("header").addClass("active");
    } else if($(document).scrollTop() == 0){
        $("header").removeClass("active");
    }

});

body{
height: 5000px;
}
header{
background:black;
width:100%;
height: 200px;
position:fixed;
}
.active{
background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header></header>

如何仅在Top 0中添加CSS类

2 个答案: