固定菜单引导不滚动

我读过github上的bug报告，它应该是固定的，但我不能让我的做到这一点。
https://github.com/twbs/bootstrap/issues/12738 固定菜单引导不滚动

我也比较了实际演示
http://getbootstrap.com/examples/navbar-fixed-top/

代码，我想不通为什么这是行不通的。我打消了我所有的自定义样式和我才刚刚引导3.3.4

让我知道如果你需要更多信息

<body> 
<header> 
<nav role="navigation" class="navbar navbar-default navbar-static-top"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <button data-target="#menu" data-toggle="collapse" class="navbar-toggle collapsed" type="button"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a href="#" class="navbar-brand">BRAND</a> 
     </div> 
     <div class="navbar-collapse collapse" id="menu" style="height: 1px;"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">Home2</a></li> 
       <li class="dropdown"> 
        <a href="#" data-toggle="dropdown" class="dropdown-toggle"> 
         fasdfasdf 
        </a> 
        <ul class="dropdown-menu dropdown-menu"> 
         <li>asdf</li> 
         <li>asdf</li> 
         <li>asdf</li> 
         <li>asdf</li> 
        </ul> 
       </li> 
       <li>Report</li> 
      </ul> 
     </div> 
    </div> 
</nav> 
</header> 
</body>

来源

2015-03-30 nattylite

你希望它是固定的，静态的，因为你的链接，引导说Navbar的固定顶部，但你的代码是导航栏静态顶？请澄清并重新提交。如果你希望它是固定的，请改变导航类中的代码以反映navbar-fixed-top而不是navbar-static-top重新加载页面并享受。 – blayderunner123 2015-03-31 01:34:02

你还有问题吗？我需要反馈意见来帮助解决您的问题。 – blayderunner123 2015-04-01 02:56:24

不要忘记检查你的结束标记现在结束body标签仍然是开放的等是标头标记

，用于在固定的Navbar：

<!-- Fixed Navbar --> 
<header> 
    <nav role="navigation" class="navbar navbar-default navbar-fixed-top"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
       <button data-target="#menu" data-toggle="collapse" class="navbar-toggle collapsed" type="button"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a href="#" class="navbar-brand">BRAND</a> 
      </div> 
      <div class="navbar-collapse collapse" id="menu" style="height: 1px;"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Home2</a></li> 
        <li class="dropdown"> 
         <a href="#" data-toggle="dropdown" class="dropdown-toggle"> 
          fasdfasdf 
         </a> 
         <ul class="dropdown-menu dropdown-menu"> 
          <li><a href="#">asdf</a></li> 
          <li><a href="#">asdf</a></li> 
          <li><a href="#">asdf</a></li> 
          <li><a href="#">asdf</a></li> 
         </ul> 
        </li> 
        <li><a href="#">Report</a></li> 
       </ul> 
      </div> 
     </div> 
    </nav> 
</header>

对于静态导航栏：

<!-- Static Navbar --> 
<header> 
    <nav role="navigation" class="navbar navbar-default navbar-static-top"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
       <button data-target="#menu" data-toggle="collapse" class="navbar-toggle collapsed" type="button"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a href="#" class="navbar-brand">BRAND</a> 
      </div> 
      <div class="navbar-collapse collapse" id="menu" style="height: 1px;"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Home2</a></li> 
        <li class="dropdown"> 
         <a href="#" data-toggle="dropdown" class="dropdown-toggle"> 
          fasdfasdf 
         </a> 
         <ul class="dropdown-menu dropdown-menu"> 
          <li><a href="#">asdf</a></li> 
          <li><a href="#">asdf</a></li> 
          <li><a href="#">asdf</a></li> 
          <li><a href="#">asdf</a></li> 
         </ul> 
        </li> 
        <li><a href="#">Report</a></li> 
       </ul> 
      </div> 
     </div> 
    </nav> 
</header>

见JSFIDDLE

来源

2015-03-31 01:50:44 blayderunner123

固定菜单引导不滚动

回答

相关问题