Funktioniert nicht - Header Nach oben auf Scrollen nach unten, und nach unten auf Scrollen nach oben - jquery

Question

Ich habe die folgenden jQuery, wo ich versuche, die Kopfzeile auf Bildlauf nach unten und erscheinen auf Bildlauf nach oben, aber ich kann es nicht zu bekommen Arbeit? Alle Inhalte, die slideUp etc sein ... sind in einem Header-Tag

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

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

ich den Header bekommen kann mit dem folgenden Code verschwinden, aber es wirklich funktionellen

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

kämpfen zu machen, wo ich bin falsch machen? Vielen Dank im Voraus

Answer 1

Ich weiß nicht wirklich, was der Effekt, den Sie erreichen wollen, aber was Sie wahrscheinlich haben falsch ist die Verwendung von window als Referenz für .scroll() anstelle der Verwendung von document.

So versuchen Sie stattdessen, $(document).scroll(function(){...}); zu verwenden, wie ich in diesem jsFiddle versucht habe.