Липкий горизонтальный скролл
Привязывает движение размеченной ленты к вертикальному проходу секции.
ТИЛЬДА УМЕЕТ ЭТО САМА
Zero Block умеет пошаговую анимацию от скролла, режим вылета артборда и собственные липкие обёртки элементов.
Где это у неё: data-animate-sbs-event="scroll", data-artboard-ovrflw, .tn-atom__sticky-wrapper и события изменения ширины Zero Block.
Чего в родной версии нет: Готового сценария «закрепить секцию и перевести вертикальный прогресс в горизонтальный путь ленты» нет; неосторожный overflow при этом отменяет sticky.
Как устроен мод
РЕЗУЛЬТАТ
Привязывает движение размеченной ленты к вертикальному проходу секции.
КАК ВСТРАИВАЕТСЯ
Готовый файл подключается через блок T123 рядом с Zero Block. Секции назначается класс mk-horizontal-scroll. Настройки передаются в MK_MOD_178; генератор ниже собирает их без ручной правки JavaScript.
ГРАНИЦЫ БЕЗОПАСНОСТИ
- Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
- Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
- После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.
КРИТЕРИИ ГОТОВНОСТИ
- Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
- Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
- Параметры генератора совпадают с meta.json и попадают в код с правильными типами.
ПАРАМЕТРЫ
- track [data-mk-horizontal-track]
- Лента
<script src="https://modkod.ru/mk/v1.0/mod-178.js" defer></script> <script> window.MK_MOD_178 = { speed: 1, }; </script>
mk-horizontal-scroll
/* Настройки блока → CSS класс.
Один класс на секцию — элементы
внутри мод найдёт сам. */
Пять шагов до готовой страницы
- 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-horizontal-scroll в поле «CSS class name».
- 02 Добавьте блок T123 блок T123 рядом с Zero Block. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
Про этот мод написано
2 разбораПохожие задачи
3 модаПоэкранный скролл
Прокручивает размеченные секции целиком и показывает доступный индикатор.
Зависимая анимация по наведению
Наводишь на пункт списка — рядом остаётся только его картинка. Пары связываются классами.
Параллакс для обложки
Мягко смещает фон обычной обложки; анимацию Zero Block не перехватывает.