Как так прилепить nav?

Question

[Олег Кокошинский]

Добрый день.
Как сделать так, чтобы навигация под картинкой в хедере при прокрутки доходила до верха экрана, а затем прилеплялась к нему(верху экрана) и скользила со скроллом?
Пример: https://kirenkov.me/

Comments

[Михаил]

.body-fixed .section-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 0;
}

Answer 1

[MrColdCoffee]

вот тут хороший пример

Comments

[Олег Кокошинский]

благодарю)
Долго тупил, но справился

Answer 2

[Шохрух Шаймардонов]

Position: sticky и top: 0 для блока

Comments

[Олег Кокошинский]

не выходит

https://jsfiddle.net/Bugemot/n1hzm6ug/3/

[oelena]

Олег Кокошинский, Конечно не выходит. Почитайте подробнее про sticky. Это свойство работает внутри родителя и за его пределы не выходит. А вы зачем то текст выкинули не только за header, но также и за body и еще без какого либо тега. Вот сравните и посмотрите чем ваш вариант отличается от моего.

[Олег Кокошинский]

oelena, всё равно не доходит.
Насчёт текста за body согласен, это вышло случайно, в оригинале он лежит в body>section>container>wrapper>div>p.
Я не понимаю вот чего - неужели мне нужно полсайта заталкивать в header, чтобы меню ездило?
По моей логике сразу после nav header закачивается и дальше идут одна за другой section.
Простите, если я слишком сильно туплю(

[Олег Кокошинский]

oelena, справился, спасибо, просто вытащил nav из header, заработало)

[Шохрух Шаймардонов]

Олег Кокошинский, ну так отметьте решением, чтобы остальным хоть помог ответ

[Олег Кокошинский]

Шохрух Шаймардонов, так я отметил то, что мне помогло.

[Шохрух Шаймардонов]

Олег Кокошинский, хз, только лайк от вас, но решением не отмечено. а остальные участники, такие же как вы, будут искать и игнорировать вопросу, у которых нет решения. (хотя могли бы открыть и узнать, что решение то было)

[Олег Кокошинский]

Шохрух Шаймардонов, я не ваш ответ отметил решением, а тот, что действительно помог.

[Шохрух Шаймардонов]

Олег Кокошинский, а все, не заметил. Мой косяк