Проявление текста по скроллу

MOD-041 ЭФФЕКТЫ ТЕКСТА v1.4 ГОТОВ ✓ ПРОВЕРЕНО 24.07.26 БЕСПЛАТНО

Строки выезжают снизу с задержкой. Шаг и амплитуда настраиваются.

ТИЛЬДА УМЕЕТ ЭТО САМА

Анимирует появление целого текстового элемента Zero Block при входе в экран.

Где это у неё: Настройки анимации элемента; исполняет tilda-animation-2.0.min.js.

Чего в родной версии нет: Тильда не разбивает текст на строки и не запускает их каскадом внутри одной секции. Мод делает именно это, при этом пропускает элементы, чьей анимацией уже владеет Тильда.

ГОТОВ · ТЕХНИЧЕСКИЙ КОНТРАКТ

Как устроен мод

ГОТОВ И ПРОВЕРЕН

РЕЗУЛЬТАТ

Строки выезжают снизу с задержкой. Шаг и амплитуда настраиваются.

КАК ВСТРАИВАЕТСЯ

Готовый файл подключается через блок T123 на той же странице, где секция с текстом. Секции назначается класс mk-reveal. Настройки передаются в MK_MOD_041; генератор ниже собирает их без ручной правки JavaScript.

ГРАНИЦЫ БЕЗОПАСНОСТИ

Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.

КРИТЕРИИ ГОТОВНОСТИ

Сборка 1.4 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 24.07.26.
Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
Параметры генератора совпадают с meta.json и попадают в код с правильными типами.

ЖИВОЕ ДЕМО · РАБОТАЕТ ФАЙЛ v1.4

Это изолированный стенд с тем же закреплённым файлом, который копируется в T123. Внешний вид стенда условный — мод меняет только поведение размеченных элементов.

ПАРАМЕТРЫ

Длительность появления 600 ms

200 1200

Шаг между строками 70 ms

0 240

Ноль — все строки появляются разом.

Предел общей задержки 1200 ms

200 3000

Страховка от длинных списков: последний элемент не ждёт дольше этого.

Сдвиг на старте 24 px

0 80

Откуда выезжает

Когда запускать

КУДА ВСТАВЛЯТЬ: блок T123 на той же странице, где секция с текстом

<script src="https://modkod.ru/mk/v1.4/mod-041.js" defer></script>
<script>
  window.MK_MOD_041 = {
    duration: 600,
    stagger: 70,
    maxDelay: 1200,
    offset: 24,
    direction: 'up',
    trigger: 'scroll',
  };
</script>

                mk-reveal

/* Настройки блока → CSS класс.
   Один класс на секцию — элементы
   внутри мод найдёт сам. */

9.1 КБ ПО СЕТИ · БЕЗ ВНЕШНИХ БИБЛИОТЕК · v1.4 Открыть mod-041.js целиком →

НЕ ХОТИТЕ ЗАВИСЕТЬ ОТ НАШЕГО ДОМЕНА Тот же мод одним куском, 27.1 КБ в блок T123 →

УСТАНОВКА БЕЗ ПРАВКИ JAVASCRIPT

Пять шагов до готовой страницы

v1.4 ЗАКРЕПЛЕНА

01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-reveal в поле «CSS class name».
02 Добавьте блок T123 блок T123 на той же странице, где секция с текстом. Один блок с кодом ставьте один раз на страницу.
03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.4; её поведение не изменится само после сдачи сайта.
04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
05 Пройдите приёмку Сборка 1.4 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 24.07.26.

ЕСЛИ НЕ ЗАРАБОТАЛО — ПРОВЕРЬ ПО ПОРЯДКУ

Причины, общие для любого кода на Тильде — страница не опубликована, кеш, блок и секция на разных страницах, — разобраны отдельно: куда вставлять код на Тильде .

0 ИЗ 5 · ПОСЛЕ ЭТОГО ПИШИ В ЧАТ Спросить в чате →

Про этот мод написано

6 разборов

Проявление текста по скроллу

ТИЛЬДА УМЕЕТ ЭТО САМА

Как устроен мод

РЕЗУЛЬТАТ

КАК ВСТРАИВАЕТСЯ

ГРАНИЦЫ БЕЗОПАСНОСТИ

КРИТЕРИИ ГОТОВНОСТИ

ЖИВОЕ ДЕМО · РАБОТАЕТ ФАЙЛ v1.4

ПАРАМЕТРЫ

Пять шагов до готовой страницы

ЕСЛИ НЕ ЗАРАБОТАЛО — ПРОВЕРЬ ПО ПОРЯДКУ

Про этот мод написано

Похожие задачи

Анимация чисел

Аккуратный текст по ширине

Таймер из отдельных элементов Zero Block

Проявление текста по скроллу

ТИЛЬДА УМЕЕТ ЭТО САМА

Как устроен мод

РЕЗУЛЬТАТ

КАК ВСТРАИВАЕТСЯ

ГРАНИЦЫ БЕЗОПАСНОСТИ

КРИТЕРИИ ГОТОВНОСТИ

ЖИВОЕ ДЕМО · РАБОТАЕТ ФАЙЛ v1.4

ПАРАМЕТРЫ

Пять шагов до готовой страницы

ЕСЛИ НЕ ЗАРАБОТАЛО — ПРОВЕРЬ ПО ПОРЯДКУ

Про этот мод написано

Анимация в мобильной версии Тильды не работает

Как вставить код на Тильде: блок T123 и head

Анимация в зеро блоке Тильды не работает

Похожие задачи

Анимация чисел

Аккуратный текст по ширине

Таймер из отдельных элементов Zero Block