向下滾動時隱藏標題並向下顯示

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

我不確定你到底在找什麼，但我希望這可以幫助你，祝你好運。如果不是，請儘量使它更清晰，我會盡力幫助你。