Появление фиксированной шапки при скроллинге страницы?

Question

[Nikita Fedorov]

Ребят, привет) Наткнулся на сайт и хотел бы узнать, как сделать такую же "анимацию" появления шапки
Буду рад помощи)

Answer 1

[stransens]

с помощью js отслеживаешь скролл страницы. на определенном количестве пикселей (100 например) присваиваешь какой-то класс шапке. этому классу прописываешь нужные стили, включая position: fixed. при скролле на меньшее количество пикселей класс убираешь

Answer 2

[Ольга Ветер]

Если scrollTop больше нужного расстояния, то добавляем класс к шапке, в котором корректируем стили и делаем ее fixed, если меньше - убираем этот класс.