HOW WE CAN IMPLEMENT MULTIPLE LOTTIE FILES USING SCROLLTRIGGER

[UserX]

Hi there,i hope you fine there GSAP community and I've been using gsap and multiple plugins over the last couple days. For the most part I've found my way around but been stuck on this for the past day.

 

>> I'VE CODEPEN FILE WITH LOTTIE ANIMATION HERE  

>> TO IMPLEMENT LIKE THIS : 

See the Pen GRgjBdJ by andystent (@andystent) on CodePen

ONE SCROLL ONE JSON WILL COMPLATE JUST LIKE SLIDE ANIMATION IN SECOND CODEPEN LINK

See the Pen zYzEGge by barheimcoder (@barheimcoder) on CodePen

Edited June 14, 2022 by UserX
description was not good

[Cassie]

Hi there!

 

Sorry I don't understand the question but maybe the lottie docs will help you?

https://airbnb.io/lottie/#/web

 

[UserX]

I've two lottie json file in this pen and i want to animate one json file at a time on single scroll. also same for rest

(second scroll occurs when it complate the second json animation too !)

Basically it's not work with scrub i tried with some other ways seems like not work well  in reverse mode might be lottie animation will work without mouse scrub.
Hope you understand

 

 

[Cassie]

No sorry I don't understand

 

Do you want to scrub them with the scrollbar or just trigger them to play at a certain point?

[Cassie]

Maybe this thread/answer will be helpful?

 

 

[UserX]

Thanks @Cassie for your seem less support