[Animate in on page load + animate out on scroll]

Thanks, Zach. That makes sense and should make things a little simpler. Glad my clumsiness could help make GSAP even better 😀

[Animate in on page load + animate out on scroll]

Awesome, thanks so much! It would have never occurred to me to use onComplete like that!

[Animate in on page load + animate out on scroll]

Hi everyone!  Thanks for making such an awesome library, it's really a joy to use.

 

I've gotten stuck on what seems like a common use-case, but haven't been able to find any hints on how to make it work. I'd like an animation to run when the page loads, and then scrub through another animation on the same elements with ScrollTrigger. Is this possible? In the codepen, I'd like the red square to fade in automatically, and then fade out again while scrolling.

 

Thanks!

Dan

See the Pen NWNJqbr by dnknapp (@dnknapp) on CodePen