Scrollify滾動之前，隱藏導航標題/揭示用jQuery

https://gist.github.com/flyspaceage/ca0759d155c6c79786b7cb27a15f3629 Scrollify滾動之前，隱藏導航標題/揭示用jQuery

我想直到分頁序列開始隱藏自己的菜單，然後在菜單中會顯示水箱內。目前，該菜單始終可見。 HTML結構如下，而腳本作爲要點附加。

<header> 
<ul class="pagination"> 
      <li> 
       <a class="" href="#intro"> 
        Top 
       </a> 
      </li> 
      <li> 
       <a class="" href="#breaking-away"> 
        Breaking Away 
       </a> 
      </li> 
      <li> 
       <a class="" href="#why-right-now"> 
        Why Right Now 
       </a> 
      </li> 
      <li> 
       <a class="" href="#testimonials"> 
        Testimonials 
       </a> 
      </li> 
      <li> 
       <a class="" href="#deep-dive"> 
        Deep Dive 
       </a> 
      </li> 
     </ul> 
</header>

來源

2017-07-07 FlySpaceAge

感謝盧克的想法隱藏，然後顯示。這是我提出的解決方案。我使用ready函數在加載時隱藏菜單，然後在用戶瀏覽頁面後顯示滾動功能。

/*** Hide Navigation Bar on Load ***/ 
$(document).ready(function(){ 
    $(".pagination").css({"display": "none", "visibility": "hidden"}); 
}); 

/*** Show Navigation on Scroll ***/ 
$(document).scroll(function(){ 
    $(".pagination").css({"display": "all", "visibility": "visible"}); 
     if ($(this).scrollTop()==0) { 
      $('.pagination').fadeOut(0.2); 
     } 
     else { 
      $('.pagination').fadeIn(0.5); 
     } 
});

來源

2017-07-10 20:48:09 FlySpaceAge

如何讓它隱藏起來，然後顯示在after回調？

來源

2017-07-10 17:27:38

Scrollify滾動之前，隱藏導航標題/揭示用jQuery

回答

相關問題