[Инструкция] Липкое меню для быстрой навигации

[iKing]

Инструкция:
1. Добавляем в additional.css следующий код:

#stickyBar.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
  width:1200px;
  height:59px;
  margin:0 auto;
  background: #247FB2;
  border-radius: 0 0 0.5em 0.5em;
  display: block;
}

2. В шаблоне Navbar ищем этот код:

<div id="navbar" class="navbar">

После него вставляем:

<div id="stickyBar">

3. Открываем шаблон Headinclude и в самый низ ставим следующий код:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
function sticky_relocate() {
  var window_top = $(window).scrollTop();
  var div_top = $('.above_body').offset().top +130;
 
  if (window_top > div_top) {
    $('#stickyBar').addClass('stick');
  } else {
    $('#stickyBar').removeClass('stick');
  }
}

$(function() {
  $(window).scroll(sticky_relocate);
  sticky_relocate();
});
</script>

Посмотреть пример вы можете на этом сайте: демо.

[grisha2217]

А </div> кто будет закрывать?

[EHOT]

А </div> кто будет закрывать?