如何讓導航欄最初隱藏在引導程序中

Question

我想讓網站的導航欄最初隱藏起來，當向下滾動時它應該顯示出來。 就像snowehome.com

我的導航欄的代碼是非常小的，如下圖所示：

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
      <div class="navbar-header"> 
       <center><a href="#"><img id="img_nav" src="images/Logo Full.png"></a></center> 
      </div> 
     </nav> 

Answer 1

只需添加一個隱藏類，或者如果你想隱藏它沒有引導，只是CSS

.navbar { 
 
    display: none; 
 
    } 
 

 
/*If you want to have navbar invisible but its position, margins, and paddings intact*/ 
 

 
.navbar { 
 
    visibility: hidden; 
 
    }