如何使navbar最初隐藏在bootstrap中

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

只需添加隐藏的类，或者如果您希望隐藏它而不使用bootstrap，只需添加CSS

.navbar {
  display: none;
  }

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

.navbar {
  visibility: hidden;
  }