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.