帶引導程序的靜態導航欄

我想讓菜單欄在用戶滾動時保持頂部。我曾經使用Bootstrap的類「navbar-fixed-top」，它工作正常。帶引導程序的靜態導航欄

但用戶想要在導航欄上添加一些品牌和徽標。但是他們不希望這些標識在用戶滾動時粘在頂端。他們只想在這些徽標下面粘貼導航欄。

我試圖使用'navbar-fixed-top'，但它出現在Logos而不是Logos下面。

我的HTML：

<div class="container"> 
    <nav class="col-md-12 text-left"> 
     // Code for Logos and Images 
    </nav> 
</div> 
<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 

     </div> 
     <div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li>.....</li> 
      </ul> 
     </div><!--/.nav-collapse --> 
    </div> 
</nav>

我怎樣才能讓導航條粘在上面（不是徽標）？

來源

2016-01-20 TTCG

可能的解決方案http://stackoverflow.com/questions/19028299/putting-content-banner-above -THE-固定頂導航欄 –

從NAV標籤先刪除導航欄固定頂，放在頭標記此代碼

<script> 
     $(window).scroll(function() { 
      var height = $(window).scrollTop(); 
      if(height <= 100) { 
       $("nav").addClass("navbar-fixed-top"); 
      } 
      if(height <= 10) { 
       $("nav").removeClass("navbar-fixed-top"); 
      } 
     }); 
    </script>

來源

2016-01-20 13:33:59

帶引導程序的靜態導航欄

回答

相關問題