Javascript 如何在到达页面顶部的某个元素时添加类并将其删除？

这是我的代码：

jQuery（文档）.ready（函数（$）{
$（窗口）.on（'scroll'，function（）{
if（$（窗口）.scrollTop（）>=$（'#元素'）.offset（）.top）{
$（'.menu'）.addClass（'addClass'）；
}
});
});

当到达页面顶部的

id=“element”

并进一步滚动到底部时，它会将

addclass

添加到菜单中

但是当

id=“element”

再次位于页面顶部下方时，如何删除

addclass

。

只需执行相反的操作：

jQuery(document).ready(function($){

        $(window).on('scroll', function(){
            if($(window).scrollTop() < $('#element').offset().top){
              $('.menu').removeClass('addclass');
            }
          });
    });

jQuery（文档）.ready（函数（$）{
$（窗口）.on（'scroll'，function（）{
if（$（窗口）.scrollTop（）<$（'#元素'）.offset（）.top）{
$（'.menu'）.removeClass（'addclass'）；
}
});
});

只需执行相反的操作：

jQuery(document).ready(function($){

        $(window).on('scroll', function(){
            if($(window).scrollTop() < $('#element').offset().top){
              $('.menu').removeClass('addclass');
            }
          });
    });

jQuery（文档）.ready（函数（$）{
$（窗口）.on（'scroll'，function（）{
if（$（窗口）.scrollTop（）<$（'#元素'）.offset（）.top）{
$（'.menu'）.removeClass（'addclass'）；
}
});
});

只需使用toggleClass或removeClass:）

---

只需使用toggleClass或removeClass:）