Блок скрывается ещё до отрисовки страницы, а через заданное время появляется. Отсчёт начинается с момента загрузки страницы, так что «через 4 секунды» означает четыре секунды с того момента, как посетитель увидел страницу.
Что настраивается
- ID блока — можно перечислить несколько блоков через запятую, тогда они появятся одновременно.
- Появится через — задержка в миллисекундах.
- Как появляется — проявление, выезд снизу, сверху, слева или справа, увеличение. Выезд и увеличение идут вместе с проявлением, отдельно настраивать прозрачность не нужно.
- Дистанция выезда — с какого сдвига стартует блок. 24 пикселя дают спокойное движение, 100 и больше — заметный выезд из-за края.
- Появляется за — длительность. Ноль означает появление без анимации.
- Место блока до появления — либо блок не занимает места и соседние блоки сдвигаются в момент появления, либо место под него пустует и страница не дёргается. Для баннера с куками подходит первый вариант, для блока в середине страницы — второй.
Что учтено
- Блок прячется правилом стиля, а не скриптом, поэтому не успевает мелькнуть до срабатывания кода.
- Закреплённые баннеры не улетают. Если внутри блока лежит элемент, закреплённый на экране, — предупреждение о куках, плашка подписки, — сдвиг применяется к нему, а не к блоку. Сдвинутый блок перестал бы быть для браузера точкой отсчёта окна, и на время анимации баннер уехал бы за пределы экрана.
- Сдвиг и масштаб задаются отдельными свойствами, а не общей трансформацией, поэтому не затирают собственные: центрированный баннер остаётся по центру.
- Анимация одинаково работает в обоих режимах места: блок стартует со сдвига и нулевой прозрачности и не вспыхивает перед тем, как появиться.
- Если место зарезервировано, картинки внутри догружаются заранее — пустое место совпадает по высоте с готовым блоком.
- Если блок не занимает места, после появления обновляется ленивая загрузка: у картинок внутри спрятанного блока нулевые размеры, и сами по себе они не загрузятся.
- Если внутри Zero-блок, пересчитывается высота именно его артборда, а не всей страницы.
- Появление уважает системную настройку «уменьшить движение»: у таких посетителей блок появится сразу, без движения.
- После появления скрипт снимает за собой все правила, классы и атрибуты — блок ничем не отличается от соседних.
Ограничения
Собственная анимация появления блока (настройка Тильды «Анимация при появлении») запустится в момент, когда блок станет видимым, — то есть поверх появления. Если это мешает, отключите её в настройках блока.
Некодим