@shketi4
Slow

Как закрепить блок навигации?

К примеру есть такая структура, картинка со звездами записана в тег с классом "main_head"
Ко всему хеадеру прикреплен Parallax
Ниже должно быть меню, оно содержится перед секцией, которая идет после , так вот, как зафиксить это меню навигации, что бы его было видно, при скроле вниз после картинки космоса? и при листании страница далее вниз она оставалась бы прилипшей к топу?
Dd61ncD.png
  • Вопрос задан
  • 500 просмотров
Решения вопроса 2
@shketi4 Автор вопроса
Slow
Ответ нашел сам: shpargalkablog.ru/2013/09/scroll-block.html
Ответ написан
Комментировать
zloycoder
@zloycoder
Разработка веб-сайтов на заказ
Не знаю, правильно или нет, но на одном из проектов у меня так:
HTML:
<div class="topfixed">
  <div class="topnav">
    <ul id="topnav">
<li class="topnav_item"><a href="/">Главная</a></li>
<li class="topnav_item"><a href="/">Ссылка</a></li>
<li class="topnav_item"><a href="/">Ссылка</a></li>
<li class="topnav_item"><a href="/">Ссылка</a></li>
</ul>  
</div>
</div>


CSS:
.topfixed {
    z-index: 9999;
}
.topnav {
    background-color: #000;
    width: 1220px;
    position: relative;
   margin: 0 auto;
}


jQuery:
$(window).scroll(function(){   
    var wst = $(window).scrollTop(), height = 148, navfixed = $(".topfixed");
    if (wst > height) {              
      navfixed.css({"top":"0", "position":"fixed", "width": "100%"});      
    } else {
      navfixed.css({"top":"", "position":"", "width": ""});       
    }
  });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы