javascript - 将类添加到滚动上的元素

Question

我想在用户第一次滚动离开页面顶部时向元素添加一个类。如果用户然后向上滚动并点击页面顶部，我希望删除该类。

在解决方案中使用 jQuery 没问题。

Answer 1

尝试

$(window).scroll(function() {    

    $("id or class").removeClass("active");

    var scroll = $(window).scrollTop();

    if (scroll <= 500) {
        $("#one").addClass("active");
    }
    else if (scroll <= 1000) {
        $("#tow").addClass("active");
    }
    else {
        $("#three").addClass("active");
    }
}