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

cap

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

1

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

2

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

Оффтоп:

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

3

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

4


Список вопросов, на которые я ответил

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

Такая эл. почта уже зарегистрирована. Воспользуйтесь формой входа или введите другую.

Вы ввели некорректные логин или пароль

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

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