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

Question

[De Slow]

К примеру есть такая структура, картинка со звездами записана в тег с классом "main_head"
Ко всему хеадеру прикреплен Parallax
Ниже должно быть меню, оно содержится перед секцией, которая идет после , так вот, как зафиксить это меню навигации, что бы его было видно, при скроле вниз после картинки космоса? и при листании страница далее вниз она оставалась бы прилипшей к топу?

Answer 1

[De Slow]

Ответ нашел сам: shpargalkablog.ru/2013/09/scroll-block.html

Answer 2

[Александр Степанов]

Не знаю, правильно или нет, но на одном из проектов у меня так:
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": ""});       
    }
  });

Comments

[De Slow]

Благодарю за помощь) попробую

[Александр Степанов]

Алексей: Всегда пожалуйста)

[De Slow]

Александр Вербецкий: не помогло( тупо привязывает к самомму топу, блока с картинкой космоса

[Александр Степанов]

Алексей: Ссылку можно)?

[De Slow]

Александр Вербецкий: сек прмиеню ваши стили и залью на хост

[Александр Степанов]

Алексей: Вот ссылка моего примера: mako.rik-test.ru

[De Slow]

Александр Вербецкий: когда прогруззил на хост все заработало, но как это сделать для адаптива? что бы youcrafter.ru на уровне "обо мне" скролилось меню, вот например, как в этом шаблоне: www.themes.alessioatzeni.com/html/brushed/index.html

[Александр Степанов]

Алексей: Может быть можно проще, но в голове у меня вертится такое решение:
вычислять высоту элемента до меню и сравнивать это значение с wst (по ссылке переменная).

[De Slow]

Александр Вербецкий: я слабоват в js) Ну ладно, пойду мучать js, все же спасибо)