Зафиксировать хедер при прокрутке

Слов в тексте - 80, время чтения в минутах - 1

Если у вас красивый, важный, полезный и функциональный хедер, его можно зафиксировать вверху блога при прокрутке.

Иными словами, хедер останется на самом верху сайта сколько бы вы ни крутили слайдер вверх или вниз.

К слову, хедер это верхняя плашка, шапка, которая расположена выше блока с основным контентом и обычно отображается на всех страницах блога.

Вот CSS, который поможет зафиксировать эту самую шапку сайта:

header {
position: sticky;
top: 0;
background-color: #fff;
z-index: 10;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

PS. На этом сайте фиксировать хедер не имеет никакого смысла.

Заметки на схожую тематику