3 Loop Segments triggered by scroll position

I’m a huge fan of the Lottie-Interactivity library. However there’s one thing it can’t seem to achieve.

Let’s say I have a lottie animation with three looping segments. I want each section to loop within a certain screen area. E.g. visibility: [0, 0.4] then [0.4, 0.8] and finally [0.8, 1]. This works perfectly fine except as the user scrolls the loop is (of course) cut off abruptly and the next loop starts.

Is there a way to let the first loop end and then start the next loop?

I know there’s “transition: ‘onComplete’” but this only works for manually triggered animations not scroll/visbility triggered.

Any ideas?

Hi @philipp.carlucci !

This isn’t currently possible with the lottie-interactivity library, but I can add it to the roadmap and look in to it.

Could you possibly share with me your interactivity code and the animation you’re using if possible?

If its private feel free to email it to me at:

sam@lottiefiles.com

Cheers!