Streaming live at 10am (PST)

Triggering Lottie Animation to play when in view

I was wondering how I can make a lottie animation play when it is in view? (not on scroll).

My issue is that the animation is playing when the pre-loader screen is showing and by the time it disappears, the animation has already played a portion of the animation already.

I also have the lottie animation play on scroll and rewind on out of scroll so I can’t just trigger the lottie to play at the end of the pre-loader animation as it get overwritten by the other animation.

Chose any element in your page, or create an invisible dummy one, as a trigger for a “Scroll into view” Interaction. Use this trigger to trig your Lottie anim playback.