jQuery无法在滚动窗口时进行检查

Question

我使用的是一个fullpage.js插件，一旦用户滚动通过第一张幻灯片，我就想将菜单从页脚转移到页眉。

在此Page上

但是，全屏功能不允许我检查是否有滚动事件。

我写了以下内容：

$(window).scroll(function(){
  if ($(window).scrollTop() > $('.topDiv').position().top) {
    console.log('div hits top!');
  }
});

检查顶部灰色的div是否在窗口顶部，但它不起作用。

甚至：

$(window).scroll(function(){ console.log('scrolling'); });

不起作用。

Answer 1

我认为实现所需功能的最好方法是使用fullPage.js提供的回调函数，而不是依赖于$(window).scroll()

您可以在每个回调函数上调用一个自定义函数：

onLeave: function(index, nextIndex, direction){}
afterLoad: function(anchorLink, index){}

然后，您可以检查index和nextIndex值以执行所需的逻辑。

希望这能有所帮助。

Answer 2

也许这会有帮助

    $('elem').bind('DOMMouseScroll', function(e){
        if(e.originalEvent.detail > 0) {
           console.log('Down');
        } else {
           console.log('Up');
        }
        //prevent page fom scrolling
        return false;
    });

    //IE, Opera, Safari
    $('elem').bind('mousewheel', function(e){
        if(e.originalEvent.wheelDelta < 0) {
             //scroll down
            console.log('Down');
        } else {
            console.log('Up');
        }
        //prevent page fom scrolling
        return false;
     });