Javascript fullpage.js-在节内滚动时将css类添加到标题

我正在使用fullpage.js

在一个网站的首页上，到目前为止，它工作得很好

我有4个部分。 第一个部分的内容比浏览器窗口的高度要多，因此需要在该部分内滚动。 我添加了滚动条，它与滚动条一起工作，并使用鼠标滚轮

现在是我的问题。 我有一个粘滞的标题，我想在这一部分中有任何向下滚动时立即降低其高度（并在我向上滚动到顶部时立即增加高度）。 因此，当使用fullpage.js的滚动条或鼠标滚轮时，我想将css类“sticky”添加到“header”中，这样我就可以用css的不同方式格式化带有类“sticky”的header

不幸的是，“滚动事件”在这里不起作用，正如这里已经提到的：

我尝试了以下方法

$(function(){
window.addEventListener("wheel", function() {
$(document).ready(function(){
var  scrollclass = $('.slimScrollBar').position();
if(scrollclass.top > 0){
$('header').addClass('sticky');
}
else{
$('header').removeClass('sticky');
}
});
});})

这种方法很有效，但是第一次使用鼠标滚轮并没有添加粘滞类（它是通过“第二次转动鼠标滚轮”添加的），而且在滚动到顶部时也没有被移除，我需要在滚动到顶部后再转动滚轮一段时间才能再次移除粘滞类

如果我将If语句更改为>=0，它将在鼠标滚轮的第一圈工作，但当滚动回顶部时，我不会删除该类

第二个问题是，这当然只能通过使用鼠标滚轮来实现，而不能通过拖动fullpage.js创建的滚动条来实现

有什么想法或提示可以解决这个问题吗

谢谢 John

您可以使用“后加载”方法，如fullPage.JS文档中所述：

您可以使用“后加载”方法，如fullPage.JS文档中所述：