Scroll Based Animation using GSAP 3, lottie-web and ScrollTrigger
Hi all,
Loving the vibe here😊 This is my first post in the forum ever.
I'm trying to implement a scroll based Lottie animation with GSAP 3 and the ScrollTrigger plugin. I've found a solution with GSAP 2 and ScrollMagic but things changed in the newest Version. Does anyone has a working example?
Thanks for your support.
Cheers,
Nattha
See the Pen ROymbz by jama1017 (@jama1017) on CodePen
Hey @jcdev
Since you are pinning the entire .main container for the section above and below to be visible, the upcoming ScrollTrigger can not adjust its position to the previous pin-duration just like that because all the elements are inside that pin-spacer that creates the pin-spacing - see what I mean?
So one way to get the start of the second ScrollTrigger to be correct, would be to add in the duration of the previous pin into calculating when to start the second Scrol
