Слов в тексте – 89, время чтения в минутах – 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. На этом сайте фиксировать хедер не имеет никакого смысла.
⬇ Поделиться в соцсетях и мессенджерах
Популярные записи
Рубрики блога
