滚动时折叠引导导航栏

时间:2017-09-04 11:31:06

标签: jquery html css twitter-bootstrap navigationbar

向下滚动页面时是否可以折叠自举固定导航栏?

当窗口大小低于768px默认断点时,它会发生相同的行为。

有谁知道怎么做?

<nav class="navbar navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <div id="menu-toggle" class="collapsed" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <div class="one"></div>
        <div class="two"></div>
        <div class="three"></div>
      </div>
      <a class="navbar-brand navigation-logo" href="#" title="Logo">
        <img src="/images/logo.svg" alt="Logo" />
      </a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Page 1</a></li>
        <li><a href="#">Page 2</a></li>
        <li><a href="#">Page 3</a></li>
      </ul>
    </div>
  </div>
</nav>

0 个答案:

没有答案