Lottie start when tab in view and reset when tab out of view

Hi all,
I’ve been working with this client to try to figure out how to start the lottie when tab is in view and reset back to 0% when change to the new tab.

We have three lottie animations that we need to be synced with the tab auto-advance so that they play one after each other - without restarting until it’s moved to the next one. We’ve done everything we can think of, and can’t get it to work. The auto-advance and timer are custom Javascript.

Secondarily - when a tab is clicked on the animations should start playing over again.

The tab sections is here:


Here is my public share link: Webflow - CloudSpot
(how to access public share link)

1 Like