Инструкция:
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>
Посмотреть пример вы можете на этом сайте: демо.