Ich habe ein div "Feld", das allmählich ausgeblendet wird, indem ".fp-Viewing" als Anker verwendet wird, um den Übergangseffekt zu starten, wenn ein Benutzer einen Bildlauf zur nächsten Seite durchführt. Die Sache ist, dass die Seite mit dem Scrollen beginnt, wenn die .fp-Anzeige ausgelöst wird und das Feld vor dem Ende der Animation nicht mehr angezeigt wird.

Wie kann ich den Start des Bildlaufs verzögern, wenn die .fp-Anzeige ausgelöst wird, bis die Animation der Box in 4 Sekunden abgeschlossen ist?

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

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