LITRES

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

Слов в тексте – 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. На этом сайте фиксировать хедер не имеет никакого смысла.


 ⬇ Поделиться в соцсетях и мессенджерах



Популярные записи

Рубрики блога

newsbee Media