Скрытие шапки при скролле вниз с плавным возвратом
v 1.1
Меню
Меню
Меню
Меню
Меню
Меню
Zero Block, CSS, Vanilla JS
styleda.ru/Пример меню в Zero Block
Пошаговая инструкция
1
Добавь на страницу блок *T123* (можно в самый низ).
2
Вставь туда весь код ниже.
3
В строке *const blockId = #rec1524014071*; замени ID на свой.
4
Порог и плавность можно менять:
  • *thresholdPx = 500* — скролл, после которого шапка прячется (в пикселях).
  • *durationMs = 600* — длительность анимации (мс).
5
Если используешь автолейаут в Zero Block, убедись, что у самого блока нет конфликтующих стилей position — скрипт сам поставит нужные.
1-5 мин
Частые ошибки и как их избежать
Made on
Tilda