Estoy usando waypoints.js para ver si un elemento es visible y luego uso anim.js para animarlo. Obras. El problema es que se ejecuta cada vez que paso el elemento nuevamente. Me gustaría que la animación se ejecutara solo una vez. Realmente no puedo encontrar cómo puedo lograr eso. La documentación de anime.js habla de complete() pero no entiendo cómo usarlo. ¡Ayuda!
Así es como se ve mi código:
$('.sequential').waypoint(function() { var CSStransforms = anime({ targets: this.element, opacity: [0, 1], translateY: [50, 0] }); }, { offset: '95%' });