javascript - 如何使导航栏最初隐藏在 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;
  }