如何让导航栏最初隐藏在引导程序中

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