ウィンドウがスクロールされたときのjQueryカントチェック

Question

fullpage.jsプラグインを使用していて、ユーザーが最初のスライドをスクロールすると、フッターからヘッダーにメニューを移行したいと考えています。このPageで

：スクロールイベントがあるときにフルスクリーン機能は私がチェックできるようにされていないが

。

私はこれを書いている：トップグレーのdivは、ウィンドウの上部にある場合

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

を確認するには、それは動作しません。

さえ：

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

が機能していません。

Answer 1

が、これは私が必要な機能を実装するための最良の方法は、あなたが持つことができる$(window).scroll()

に頼るfullPage.jsの代わりにより提供さcallbackdを使用することだと思い

$('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; 
    }); 

Answer 2

を助けるかもしれませこのコールバックで呼び出されるカスタム関数：

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

次に、index、およびnextIndexの値を使用して、目的のロジックを実行します。

希望に役立ちます。