Question

Добрый день всем! Хочу сделать, чтоб горизонтальное меню при прокрутке закрепилось наверху и всегда оставалось видным. Пробовал несколько вариантов, но не получается. Кто нибудь сможет помочь? Дизайн сайта 1322. Сайт: http://madinclinica.ru Заранее спасибо!

Answer 1

В верхняя часть сайта найдите строчку

<nav>
  <div id="catmenu">

и замените на эту

<nav id="fixed">
  <div id="catmenu">

Затем в самый низ поместите скрипт

<script type="text/javascript">
$(document).ready(function () {
 var top = $('#fixed').offset().top;
 $(window).scroll(function (event) {
 var y = $(this).scrollTop();
 if (y >= top)
 $('#fixed').addClass('fixed');
 else
 $('#fixed').removeClass('fixed');
 $('#fixed').width($('#fixed').parent().width());
 });
});
</script>
<style>.fixed {position:fixed; top:0px; z-index:9999;}</style>

Жмём сохранить.

Comments

Спасибо огромное! Все встало как нужно!

Answer 2

Попробуйте в стили добавить:

#catmenu {
    max-width: 1160px;
    position: fixed!important;
    z-index: 10;
}