Задать вопрос
dsherbakov
@dsherbakov
Студент
javascript

Как сделать поочерёдное всплывание окон?

Подключил к Сайту Animate и Wow, мне нужно, чтобы анимация следущего блока начиналась после завершения предыдущего. Как это сделать?
Например, есть два блока . Оба они всплывают вверх при скроле, но нужно чтобы пока первый до конца не вышел, второго вообще не было на сайте, а потом он выплыл.
Знаю коряво сформулировал, надеюсь поймёте и поможете.
  • Вопрос задан
  • 139 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
KickeRocK
@KickeRocK
FrontFinish
Почитайте

Ну или если там будет простая зависимость от скролла, то можно и наваять условие:
пока позиция скролла в промежутке1(допустим, от 100 до 300 от начало документа), всплывает первый блок, когда промежуток2(от 300 до 600) всплывает второй. Но там также нужна задержка через setTimeOut для анимэйта.
Ответ написан
Комментировать
Комментировать
menshov-artem
@menshov-artem
Frontend
Воспользуйтесь плагином Scroll Magic.
Там есть триггеры start и end.

Просто берете эти триггеры и ставите их как бы друг за другом.
Сначала первая секция start, потом end и после этого end стартуете следующую анимация start - end.
Таким образом четко будет отрабатывать первый блок со своей анимацией, а потом следующий.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать обмен заказами 1с
11 мая 2024, в 00:19
1000 руб./за проект
Разработка сайта (верстка)
10 мая 2024, в 23:51
30000 руб./за проект
Опубликовать приложение в Google play
10 мая 2024, в 23:33
2500 руб./за проект
Ещё заказы