Фиксированная шапка?

За последнее время уже несколько раз заказчики спрашивали, что такое фиксированная шапка. В следующий раз я просто отправлю в эту заметку. Собственно, фиксированная шапка вот:

cap

«Шапка» — это не клевое слово для верхушки сайта. Вот вам замечательный синоним — фиксированный «хедер». Это верхняя часть сайта, которая никуда не исчезает при скроле страницы и всегда остается на своем первоначальном месте:

1

Если хедер слишком высокий, то для экономии места, его можно фиксировать и немного уменьшать:

2

Лично мне больше нравятся «липкие» хедеры:

По сути и первые два можно обозвать липкими, ведь они прилипают к верху экрана. Но я те варианты называю именно фиксированными, ибо они никуда не пропадают: ну т. е. зафиксированы в одном месте. А липкие хедеры обычно появляются через 1000−1500 пх скрола вниз.

3

А вот мой любимый вариант (для лендингов бесполезен, а вот для многостраничных сайтов — каеф) — появляется только, когда скролим вверх. Скролим вниз — изучаем контент (нафига нам в этот момент навигация? мы ее и так видели уже вверху). Скролим вверх — значит, уже изучили контент (и вот нам менюшка, пожалуйста):

4


Оставить комментарий

Укажите корректно свой e-mail

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

Клёвая статья, прикол в начале порадовал)

Ответить