使用scroll上的javascript添加和删除类

我需要通过scroll上的javascript添加类。我的问题是，我需要在到达特定节id时添加和删除类

$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=500）{
$（.clearHeader1”）.removeClass（“视频背景”）；
$（.clearHeader11”）.addclass（“视频前景”）；
}
});
试试这个

if($(window).scrollTop() >= $('#id1').offset().top + $('#id1').outerHeight() - window.innerHeight) {
              $("#id1").removeClass("active");
             console.log("removeClass");
             }else{
                console.log("addClass");
             $("#id1").addClass("active");
        }

试试这个

$(window).scroll(function() {
    var scroll =  $(this).scrollTop();
    var section1Height = $('#id1').offset().top + $('#id1').outerHeight() - window.innerHeight;
    if (scroll >= section1Height ) {
        $(".clearHeader1").removeClass("video-background");
        $(".clearHeader11").addclass("video-foreground");
      }

    }

如果（滚动>=500）用于？？您是否假设scoll>500更改部分？实际上，我正在寻找“如果条件”。也就是说，如果滚动位置等于节id1，那么我需要添加或删除一个类。如果条件允许，请帮我写