Scroll Effects on Lottie Animation

You’ll want to look into using position: sticky for the Lottie file within a track of sorts—a tall div that gives the image space to scroll within—and then giving that outer track a “While Scrolling in View” interaction.

This means that while the track is scrolling across a set height, the Lottie file will “stick” and only play throughout the height of the containing div. Once it reaches the end, it will scroll with the site and the animation will stop.

Obviously you may need to modify some offsets with the interaction, but it sounds like the above will be what you’re looking for. If you run into issues or have questions, just reply with your read-only link and I’ll take a closer peek :+1: