How might I trigger one lottie animation to play after another lottie animation completes?
Example:
- Lottie animation 1 is paused by default
- Lottie animation 1 plays while page is scrolling
- The page has been scrolled far enough so that lottie animation 1 is on it’s last frame
- Lottie animation 2 plays (not attached to page scroll or any interaction, lottie 2 plays automatically when lotto 1 enter it’s last frame)
Any ideas how I might approach this?
thanks!
Edited to add read only link (hacky version)
- Plays lottie 1 while scrolling
- Plays lottie 2 when (other) element enters view
this approach seems like it might cause problems with responsive layout that will be required once I build out the rest of the page.