如何添加类，在到达特定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使用溢出:隐藏和位置:在正文标签中的相对隐藏滚动条。示例网站http://alvarotrigo.com/fullPage/

Answer 1

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

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

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

替换

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

使用

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