AOS does not work with fullpage.js

• Question

Hi I’m experiencing an issue with AOS & fullpage.js. Both of them are loading with no errors but AOS does not show the content. I’m using:

https://alvarotrigo.com/fullPage/ & initing AOS after render of fullPage:

afterRender: AOS.init()

Is there any way to make this work?

[reza-mamun]

This will trigger animations with every scroll:

new fullpage('.fullpage', {
    //.............................................
    //....Your other options....
    //..............................................
    onLeave: function(){
        jQuery('.section [data-aos]').removeClass("aos-animate");
    },
    onSlideLeave: function(){
        jQuery('.slide [data-aos]').removeClass("aos-animate");
    },
    afterSlideLoad: function(){
        jQuery('.slide.active [data-aos]').addClass("aos-animate");
    },
    afterLoad: function(){
        jQuery('.section.active [data-aos]').addClass("aos-animate");
       //jQuery('.fp-table.active .aos-init').addClass('aos-animate');
    }
});

[kayaz]

afterLoad: function(){
	$('.fp-table.active .aos-init').addClass('aos-animate');
},