У меня есть div "box", который постепенно исчезает, используя ".fp-view" в качестве якоря, чтобы запустить эффект перехода, когда пользователь прокручивает до следующей страницы. Дело в том, что страница начинает прокручиваться, когда запускается .fp-просмотр и прокручивает окно вне поля зрения до окончания анимации.

Как я могу отложить начало прокрутки, когда .fp-просмотр запущен, пока box не выполнит свою анимацию в 4s?

.box{
  transition: all 4s ease-out;
  -webkit-transition: all 4s ease-out;
}

.fp-viewing-2 .box{
  opacity: 0;
}