Появление элементов при скролле в Tilda: как настроить по очереди

Ряд карточек можно показать сразу, а можно мягко раскрыть по очереди, когда посетитель дошёл до раздела. Второй вариант помогает направить внимание, если движение короткое и не заставляет ждать текст.

Мод «Появление при скролле» управляет появлением элементов внутри выбранных контейнеров. Главное здесь — правильно выбрать сами элементы. Разберём настройку на примере раздела из шести карточек преимуществ.

Выберите один раздел, в котором последовательность имеет смысл. Например, шесть преимуществ продукта или этапы работы. Не начинайте с анимации каждого абзаца на всей странице: посетитель приходит за содержанием, а не за ожиданием следующей строки.

Основной заголовок и нужная для первого действия кнопка должны оставаться легко доступными. После настройки откройте страницу заново и попробуйте сразу начать чтение. Если эффект задерживает его, сократите движение или область.

В «Где применять» ограничьте нужный блок. Затем укажите контейнер и то, какие элементы внутри него должны появляться. По умолчанию используются прямые дочерние элементы. Для ряда карточек нужно выбрать именно карточки, а не случайные внутренние подписи.

Если двигается весь ряд одновременно, вероятно, единицей появления оказалась общая обёртка. Проверьте структуру и селектор дочерних элементов. Сначала добейтесь правильного набора, потом подбирайте эффект: красивая длительность не исправит неверную область.

Начните с проявления или короткого выезда. Затем настройте длительность, плавность и промежуток между соседними карточками. Более выразительные варианты — маска, размытие, пружина или 3D-разворот — оценивайте с реальным текстом, чтобы он оставался читаемым.

Для ряда из шести карточек попробуйте небольшую задержку и посмотрите на последнюю. Она не должна ощущаться потерянной. В текущем моде общее ожидание каскада ограничено 1,6 секунды, но даже в этих пределах можно выбрать слишком медленный для своей страницы ритм.

Выберите, играть ли только один раз. Для длинного текста обычно спокойнее однократное появление: при возвращении назад раздел уже готов к чтению. Повтор уместен, если он помогает демонстрации, а не просто снова прячет знакомые элементы.

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

1. Выберите блок, контейнер и дочерние элементы.
2. Настройте эффект, длительность, задержку и повтор.
3. Вставьте код в T123 после выбранных блоков и опубликуйте страницу.
4. Проверьте медленную и быструю прокрутку вниз и обратно.
5. Откройте телефон и повторите действия с карточками и ссылками.

Не назначайте на один элемент две разные анимации появления без проверки. Существующие настройки Zero или другой код могут менять те же положение и прозрачность.

Мод учитывает системное уменьшение движения. При включённой настройке содержимое остаётся видимым без анимации. Такой результат не нужно исправлять принудительным запуском: человек мог специально выбрать спокойный режим.

Если движения нет у всех, проверьте выбранную область, селекторы и опубликованный код. Если пропали сами карточки, это уже другой симптом: убедитесь, что на них не действует дополнительное скрытие. Наличие мода не должно превращать важные сведения в пустое место.

Читайте также: Бегущая строка в Tilda: логотипы и карточки без рывков · Слайдер в Tilda: как выбрать и настроить подходящий вариант.