waypoint.js funktioniert nicht im zweiten Abschnitt

Question

In meinem Code möchte ich auf jeden Abschnitt ich die Elemente scrollen wird sichtbar, aber was nicht passiert. Im ersten Abschnitt ist es perfekt funktioniert, aber nicht in dem zweiten Abschnitt, ich verwende eigentlich die fullpage.js als well.But alle richtig mit Ausnahme der waypoint.js im zweiten Abschnitt

$('.ianimator').waypoint(function() { 
    $('.ianimator').addClass('animated fadeIn'); 
},{offset:'90%'}); 

$('.secmator').waypoint(function() { 
    $('.secmato').addClass('animated fadeIn'); 
},{offset:'90%'}); 

DEMO

Answer 1

arbeitet Wenn Sie lesen the fullPage.js FAQs Sie werden feststellen, dass Bibliotheken, die sich auf das Bildlaufereignis verlassen, nicht in fullPage.js funktionieren, wenn Sie nicht die fullPage.js-Option scrollBar:true oder autoScrolling:false verwenden.

Ich persönlich würde Ihnen empfehlen, fullPage.js state classes oder callbacks zu verwenden, um diese Animationen zu erreichen. Auf diese Weise können Sie eine beliebige fullPage.js-Konfiguration verwenden.

Here's a video tutorial I made in Bezug auf CSS3-Animationen und die Verwendung von fullpage.js Zustandsklassen.