当部分到达页面顶部时动态添加类

Question

我正在开发一个网站，并希望在页面中添加一些jQuery功能。基本上，页面有一个带有菜单的侧边栏（显示这一页的所有部分）。我添加了一个功能，当您单击菜单项时，主要部分向下滚动到正确的部分。

我在使用jQuery点击这些菜单项时设法添加了一个活动类。参见：

$('#category-list li a').click(function(){
    $('#category-list li a').removeClass("category-list-active");
    $(this).addClass("category-list-active");
});

但我想在用户向下滚动页面时添加相同的功能（当一个部分点击页面顶部时，AKA，相应的菜单项获得活动状态类）。

由于该网站正在为客户开发，我无法真正展示它，但如果我需要，我可以重新创建类似的东西。

提前致谢，

• 安迪

Answer 1

您可以尝试这样的事情

var fl = $("#your-section").offset().top;
$(window).scroll(function() {
  if(this.scrollTop() > fl) {
    // do your stuff
   }
 })

您可能需要使用偏移来找到应该发生转换的确切位置。