如何在达到特定 div 时添加类删除类（溢出隐藏）

Question

我正在使用 fullpage.js 开发一个整页网站。我有一个固定的导航栏。我想通过添加和删除 css 类来更改导航栏上的徽标。我试过这段代码：

function sticky_relocate() {
  var window_top = $(window).scrollTop();
  var div_top = $('#sticky-anchor').offset().top;
  if (window_top > div_top)
    $('#sticky').addClass('stick')
  else
    $('#sticky').removeClass('stick');
}

$(function() {
  $(window).scroll(sticky_relocate);
  sticky_relocate();
});

但它不起作用可能是因为在 fullpage.js 中使用了溢出：隐藏并且 $(window).scrollTop() 始终给出 0 值。

任何人有任何解决方案（我是 jquery 的新手）？

编辑：如果我不使用 fullpage.js 插件，代码可以正常工作。 fullpage.js 在 body 标签中使用 overflow:hidden 和 position:relative 来隐藏滚动条。示例网站http://alvarotrigo.com/fullPage/

Answer 1

可能是滚动条不在body上，而是在另一个元素上，如果是这样的话：

直接在滚动条上使用inspect元素找出哪个元素有滚动条。

然后获取（带有滚动条的元素）.scrollTop() 而不是 window.scrollTop()

替换

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

与

var withScrollbar = $('#elementWithScrollbar');
var window_top = $(withScrollbar).scrollTop();