固定菜單引導不滾動

我讀過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

固定菜單引導不滾動

回答

相關問題