Tilda · Zero Block
Фиксирование и наложение блоков в Tilda
Как в Telegram: обводка вокруг ролика, перемотка по кольцу и кнопка Play/Pause у нижнего края. Готовый код для блока T123.
Скопировать код
Скорость внедрения
Действия: добавить Zero Block, вставить код в Т123, указать ID блоков, опубликовать.
1-5 мин
Сложность
Что нужно: найти ID блоков, вставить код, проверить на разных устройствах.
Основа
Инструменты: Tilda Zero Block + CSS.
1-5 мин
3
Настройте код под свои блоки
  • Создайте или выберите два Zero Block, которые хотите зафиксировать.
  • Откройте настройки каждого блока (клик по блоку → значок шестерёнки)
  • Найдите и скопируйте ID блока формата:
#rec123456789
1-5 мин
2
Добавьте блок для кода
  1. На странице нажмите «Добавить блок».
  2. Перейдите в раздел «Другое».
  3. Выберите блок Т123 («HTML‑код»).
  4. Вставьте в него CSS‑код.
1
Подготовьте блоки на странице
  • Создайте или выберите два Zero Block, которые хотите зафиксировать.
  • Откройте настройки каждого блока (клик по блоку → значок шестерёнки)
  • Найдите и скопируйте ID блока формата:
#rec123456789
1-5 мин
{
--sticky-offset
}
{
@media
}
Пошаговая инструкция

Настройки кода

Сгенерированный код:

Пример
Made on
Tilda