Scrolltrigger timing based on Lottie duration

[Mattrudd 43 Likes (Newbie)]

Happy Friday folks...

Currently scratching my head trying to work out how to set the start of the second scroll trigger (the one managing the text-container tween up) so that it fires precisely half-way through the Lottie animation.

 

In short, the text-container on the left (holding yellow and orange blocks) moves up as I want it to (yellow block up to display orange block) but not when I want it to.

Of course, setting the start position of the trigger (Lottie element) to 50% only relates to spatial rather than temporal measurement 😆

I can tweak the start and end offsets manually to match where the Lottie animation is at, but just wondering if there's a more precise way of doing it?
Maybe not, or not worth it, but curious nonetheless.

Ta!

See the Pen xxazmVR by matt-rudd (@matt-rudd) on CodePen

[GreenSock 18,566 Likes (Superhero)]

Are you saying you want to set up that ScrollTrigger so that it starts exactly when the other one is at its halfway point? If so, here's an option: 

See the Pen oNPMdPo?editors=1010 by GreenSock (@GreenSock) on CodePen