铁汉；使用javascript隐藏标题——向下滚动时隐藏，向上滚动时显示

我一直在开发一个带有固定标题的移动版本的网站，我想在向下滚动隐藏导航时获得相同的效果，但当你向上滚动超过5个像素时才会显示出来

就像。我用在网上找到的一些代码尝试了一下，但它的行为很奇怪。它隐藏在向下滚动中，但只会再次显示，似乎。。。随机的

这是我的密码

//Hide Header on on scroll down
        $(function(){
            var lastScrollTop = 0, delta = 5;
            $(window).scroll(function(event){
               var st = $(this).scrollTop();

               if(Math.abs(lastScrollTop - st) <= delta)
                  return;

               if (st > lastScrollTop){
                   // Scroll Down
                    $("header").delay(100).queue(function() {
                        $(this).addClass("animated fadeOutUp");
                        $(this).dequeue();
                    });

               } else {
                  // Scroll Up
                    $('header').delay(100).queue(function() {
                        $(this).removeClass("fadeOutUp").addClass("animated fadeInDown");
                        $(this).dequeue();
                    });
               }
               lastScrollTop = st;
            });
        });

//向下滚动时隐藏标题
$（函数（）{
var lastScrollTop=0，delta=5；
$（窗口）。滚动（功能（事件）{
var st=$（this.scrollTop（）；
if（Math.abs（lastScrollTop-st）lastScrollTop）{
//向下滚动
$（“头”）.delay（100）.queue（函数（）{
$（this.addClass（“动画淡出”）；
$（this.dequeue（）；
});
}否则{
//向上滚动
$（'header'）。延迟（100）。队列（函数（）{
$（this.removeClass（“淡出”）.addClass（“动画淡出”）；
$（this.dequeue（）；
});
}
lastScrollTop=st；
});
});

您发布的JS看起来很不错，可能更像是CSS问题。你能发布与此相关的CSS吗？

我最终放弃了它。只是看起来不值得这么做。