Думаю, что вы видели на многих сайтах подобное, когда опускаетесь ниже(на сайте/форуме), а панель меню всегда остаётся сверху.
Инструкция:
Добавляем в "additional.css" следующий код:
В шаблоне "Navbar" ищем этот код:
После него вставляем:
Открываем шаблон "Headinclude" и в самый низ ставим следующий код:
Инструкция:
Добавляем в "additional.css" следующий код:
PHP:
#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;
}
PHP:
<div id="navbar" class="navbar">
PHP:
<div id="stickyBar">
PHP:
<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>