Эту статью я решил написать, как гайд для создания sticky header'а, который вы можете наблюдать во многих современных приложениях, например, как instagram, додо пицца, vk и так далее. Покажу данный элемент дизайна сразу на примере приложения, которым я занимаюсь в данный момент: На первом экране кругом обведена та часть, которую мы будем скрывать при скролле вниз и открывать при обратном скролле вверх. На втором изображении кругом обведена часть, которая будет слипаться, так называемый, sticky header...

В этом видео мы рассмотрим 2 способа фиксирования шапки сайта с помощью стилей postion: fixed и position: sticky. В первом варианте мы просто зафиксируем шапку сайта, а со вторым вариантом мы сделаем шапку прилипающей к верхней области браузера, когда она достигает нужного нам элемента. Если у тебя появились вопросы - обязательно задавай их под видео и я моментально тебе отвечу...