How to make fullpage and wow?

$(document).ready(function() {
$('#fullpage').fullpage({
 anchors:['main', 'about'],
 scrollingSpeed: 600,
 afterLoad: function(){
 new WOW().init();
}
});
 });

When switching to another block:
1) elements on the page
2) in a second, they disappear
3) And appear again, but without animation

How to make so that when we move elements, but they do not appear again?
June 3rd 19 at 19:16
2 answers
June 3rd 19 at 19:18
Solution
The point is that you don't need WOW =)
All of which makes this script — put classes on the elements as they come into view when scrolling (actually not that simple, something else, but essentially so).
You have animate.css — class library animalic
You have fullpage.js who has the event afterSlideLoad
Now this event just occurs when a new slide is displayed.

After that we split on the necessary elements of some init-class that hides the element until then (not display:none!), and after the event dovesiam more classes to trigger the animation (see the documentation and source animate.css)

Can still event onSlideLeave back to the next transition animations worked again.
Thanks for the help! Can help with the js script? - lea.Hyatt commented on June 3rd 19 at 19:21
June 3rd 19 at 19:20
$(document).ready(function() {
$('#fullpage').fullpage({
 scrollBar:true, 
 afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){

 if ( slideIndex != 0 ) {
 wow = new WOW(
{
 animateClass: 'animated',
 live: true
}
);
wow.init();
}
},
 onSlideLeave: function(anchorLink, index, slideIndex, direction){
 $('.slide').not('.slide-' + slideIndex).find('.wow').css('visibility', 'hidden');
},
});
 });
Thank you, that copied someone else's answer does not suit me! - lea.Hyatt commented on June 3rd 19 at 19:23
I threw you a code that allows you to work wow.js and fullpage.js together, what's the problem? - lea.Hyatt commented on June 3rd 19 at 19:26
if you don't know how to implement is another question - margret.Herzog commented on June 3rd 19 at 19:29

Find more questions by tags JavaScriptjQuery