Есть такая страница
Нужно чтобы при скроле вниз он крепился кверху страницы.
Как сделать так на чистом JS, или просто css?
Пробовал position: sticky; не помогает, с fixed все съезжает.
Спасибо заранее за помощь
Логично, чтобы именно <nav> имел класс блока .nav
И если уже использован семантический тег, то нет никакого смысла задавать ему такую же role. Иначе это масло масляное.
Где-то по-быстренькому заменила абсолют на гриды :)
Переместить навигацию из элемента с классом hero в общий контейнер. Сейчас навигация находится в блоке hero и не сможет выйти за его пределы при использовании position: sticky, так как не является прямым дочерним элементом блока, внутри которого и нужна липкая навигация. Рекомендую почитать как на самом деле работает position: sticky.
Ну и вообще, зачем у элемента .container - стоит max-height: 50px? Думаю что надо бы убрать это ограничение.