ヘッダースクロールダウンページでスライドアップし、スクロールアップで再び下に移動します - jquery

Question

スクロールダウン時にヘッダーを非表示にして表示しようとしている次のjQueryを持っていますが、作業？ slideUpなどになりますすべての内容は...私は次のコードで消えるためのヘッダを取得することができます

$(document).ready(function() { 
     $(window).scroll(function() { 

      var currentScrollTop = $(this).scrollTop(); 
      if (currentScrollTop > 80){ 
       $('header').slideUp(200);} 
      else { 
       $('header').slideDown(200);}  
     }); 
    }); 

ヘッダータグであるが、実際に私午前、それの機能

$(document).ready(function() { 
     $('body').scroll(function() {   
      $('header').slideUp(200); 
     }); 
    }); 

を作るのに苦労します間違っている？事前に感謝

Answer 1

あなたが達成したい効果は実際には得られませんが、おそらく間違っているのは、documentの代わりに.scroll()の参考としてwindowの使用です。

jsFiddleのように、代わりに$(document).scroll(function(){...});を使用してみてください。