dsherbakov
@dsherbakov
Студент

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

Подключил к Сайту Animate и Wow, мне нужно, чтобы анимация следущего блока начиналась после завершения предыдущего. Как это сделать?
Например, есть два блока . Оба они всплывают вверх при скроле, но нужно чтобы пока первый до конца не вышел, второго вообще не было на сайте, а потом он выплыл.
Знаю коряво сформулировал, надеюсь поймёте и поможете.
  • Вопрос задан
  • 140 просмотров
Пригласить эксперта
Ответы на вопрос 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.
Таким образом четко будет отрабатывать первый блок со своей анимацией, а потом следующий.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы