Estoy usando react-gsap y react-scrollmagic y estoy tratando de activar una función cuando se completa la animación. Funciona bien cuando me desplazo hacia abajo, sin embargo, cuando me desplazo hacia arriba, la función no se activa. No pude encontrar ninguna referencia a este problema en la documentación react-gsap . Hay alguna solución para esto?
<Controller> <Scene triggerHook={0} duration={duration} pin={{ pushFollowers: false }}> {(progress) => ( <Timeline totalProgress={progress} target={<p>wohoo</p>}> <Tween from={{ opacity: "0" }} to={{ opacity: "1" }} onStart={() => console.log("Complete!")} // Works only when scrolling down onComplete={() => console.log("Complete!")} // Works only when scrolling down /> </Timeline> )} </Scene> </Controller>Después de horas de excavación, descubrí que puedo usar la función de devolución de llamada onReverseComplete de esta manera:
<Tween from={{ opacity: "0" }} to={{ opacity: "1" }} onComplete={() => console.log("Complete!")} // Works when scrolling down onReverseComplete={()=>console.log("Complete!")} // Works when scrolling up />