Наложение блоков по скроллу, фиксация
v 1.1
Эффекты
Эффекты
Эффекты
Эффекты
Эффекты
Эффекты
Zero Block, CSS
styleda.ru/Наложение блоков по скроллу, фиксация
Пошаговая инструкция
1
Определи ID блоков, которые нужно зафиксировать. В Tilda ID находится в настройках блока → «ID блока» (или через просмотр кода страницы).
2
Скопируй CSS ниже и вставь его в блок *T123* («HTML‑код») на странице (лучше в самый верх или низ страницы).
3
Настрой *--sticky-offset*: если у тебя есть фиксированная шапка высотой, например, *80px*, поставь *var(--sticky-offset, 82px)* или просто *82px*, чтобы блок прилипал ниже шапки.
4
Опубликуй страницу и проверь поведение на разных устройствах.
5
Проверь на мобильных: убедись, что прилипание не мешает просмотру контента и не перекрывает важные элементы (кнопки, меню и т.п.).
1-5 мин
Частые ошибки и как их избежать
Made on
Tilda