Fullpage Js Animation On Section

i' m making a fullpage Js website and i have animations in evry sections of my page, and i want that my animation play when i'm on the section, so i know have an after render optio

Solution 1:

Check out this video: https://www.youtube.com/watch?v=qiCVPpI9l3M

That's ideal to deal with CSS animations, if you are looking for javascript or jQuery animations, then you should use the callbacks provided by fullPage.js such as afterLoad or onLeave:

 $('#fullpage').fullpage({
    anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],

    afterLoad: function(anchorLink, index){
        var loadedSection = $(this);

        //using indexif(index == 3){
            alert("Section 3 ended loading");
        }

        //using anchorLinkif(anchorLink == 'secondSlide'){
            alert("Section 2 ended loading");
        }
    }
});