Jump to content
Search Community

Scrolltrigger timing based on Lottie duration

Mattrudd test
Moderator Tag

Recommended Posts

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.


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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...