Шапка, которая едет за прокруткой, держит меню и кнопку под рукой. Та же шапка во всю высоту логотипа мешает читать.
Что оставлять залипшим
Логотип мельче, чем в покое, короткий набор пунктов и одна кнопка. Всё остальное можно спрятать до верхней точки страницы.
На длинной статье или карточке товара кнопка в шапке полезнее, чем на первом экране, который уже уехал.
Когда залипание вредит
Два ряда меню плюс акция плюс поиск занимают на телефоне треть экрана. Текст прыгает, попасть в ссылку сложнее.
Если шапка перекрывает якорь при переходе по ссылке, человек не видит заголовок раздела. Это чинят отступом, а не отключением якорей.
Поведение при прокрутке
Прятать шапку при скролле вниз и показывать при движении вверх экономит место на чтении и возвращает действие, когда человек ищет меню.
Не анимируйте шапку так, чтобы она дёргалась на каждом пикселе. Движение должно быть коротким и предсказуемым.
- Одна кнопка.
- Компактная высота на телефоне.
- Заголовок раздела не прячется под шапкой.
Липкую шапку меряют не красотой, а тем, сколько места она отнимает у текста. Подробнее по смежной теме — в материале на сайте.
