Мануал Липкое меню

[Mathian]

Думаю, что вы видели на многих сайтах подобное, когда опускаетесь ниже(на сайте/форуме), а панель меню всегда остаётся сверху.

Инструкция:
Добавляем в "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;
}

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

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

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

<div id="stickyBar">

Открываем шаблон "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>