Question

我想创建一个菜单，就像我们向上滚动菜单然后下拉菜单视图一样，当我们向下滚动菜单时，下拉菜单视图就是这样......

Answer 1

很抱歉只是推荐您参考文档，但是从您的描述中可以看出，您希望在Bootstrap网站中设置导航栏并坚持使用#be;＆＃39;到页面顶部。您可以使用navbar-fixed-top类。

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
  ...
  </div>
</nav>

如果您想将其粘贴到视口的底部，则可以使用navbar-fixed-bottom类。

还有一个在Bootstrap文档页面上创建下拉列表的示例：

<li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
</li>

有关使用Bootstrap创建导航的更多详细信息，请查看http://getbootstrap.com/components/#navbar。

如何在向上和向下滚动时创建响应和自动下拉菜单和下拉菜单

1 个答案: