Static Nav Bar с бутстрапом

Question

Я хочу, чтобы панель меню была сверху, когда пользователь прокручивается. Раньше я использовал класс Bootstrap, называемый «navbar-fixed-top», и он отлично работает.

Но пользователь хочет добавить некоторые бренды и логотипы над панелью Nav. Но они не хотят, чтобы эти логотипы держались сверху, когда пользователь прокручивается. Они хотят придерживаться только панели Nav ниже этих логотипов.

Я попытался использовать «navbar-fixed-top», но он появляется на логотипах, а не ниже Логотипов.

Мой 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> 

Как я могу сделать нав-бар палку к вершине (а не логотипы)?

Answer 1

Сначала удалить Navbar фиксированной сверху от СЧА тега и поместить этот код в голову тег

<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>