向下滚动时隐藏标题并向下显示

Question

我有一个带有固定标题和固定标题的1页网站。我的标题只显示当我在关于页面向上滚动时，但当进一步在关于页面时，标题将不再显示。 请看看我的网站http://l.esy.es/cmeniano/

Answer 1

那么，如果我理解你的问题，那是因为你在添加.nav-up类时向下滚动并从头中删除.nav-down类。 而你的.nav-up有top:-125px财产。这是什么导致您的标题被“隐藏”。

编辑：

// Hide Header on on scroll down 
var didScroll; 
var lastScrollTop = 0; 
var navbarHeight = $('header').outerHeight(); 

$(window).scroll(function(event){ 
    didScroll = true; 
}); 

setInterval(function() { 
    if (didScroll) { 
     hasScrolled(); 
     didScroll = false; 
    } 
}, 250); 

function hasScrolled() { 
    var st = $(this).scrollTop(); 

    // If they scrolled down and are past the navbar, add class .nav-up. 
    // This is necessary so you never see what is "behind" the navbar. 
    if (st > lastScrollTop){ 
     $('header').removeClass('nav-down').addClass('nav-up'); 
    } else { 
     $('header').removeClass('nav-up').addClass('nav-down'); 
    } 
    lastScrollTop = st; 
} 

所以，我剥出三角洲和刚刚检查，如果用户或下降，不仅如此，基础向上滚动作出hasScrolled功能简单，但它会增加或者.nav-up或.nav-down。

希望它有帮助！ :)

Answer 2

将jquery包含在您的文件中，并将此代码用于您的网页，我刚刚使用萤火虫在您的网站上进行了检查。

$(window).scroll(function(e){ 
       var $el = $('header'); 

       if ($(this).scrollTop() > 200){ 
$('header').css({'display': 'none'}); 
       } 
       if ($(this).scrollTop() < 200) 
       { 
$('header').css({'display': 'block'}); 
       } 
      });  

我不确定你到底在找什么，但我希望这可以帮助你，祝你好运。如果不是，请尽量使它更清晰，我会尽力帮助你。