For now the only option to stop lottie animation is: -> Element trigger -> Scroll into view -> When scrolled out of view -> Lottie playback -> Loop (Turned Off)
In this case, when user scrolled out of view, lottie animation plays once and than stops. But this approach is a little bit unstable and from time to time my lottie animation doesn't play at all. And it is crucial for performance to stop lottie (or even webflow) animation ASAP.
It would be great to have an option like:
Element trigger -> Scroll into view -> When scrolled out of view -> Lottie playback -> Stop animation
OR
Pause animation
John Doe
.svg){kind=logo}
This would also be usefull for all other looped animations.
Something simple like a checkbox for "Stop animation when out of view" next to the "Loop" checkbox.
To have several options to stop a lottie loop would be nice. For example I have a scroll motivator on the hero I want to stop as soon as the user starts scrolling. How am I gonna do that?
I don't understand why this not the first thing they implemented when adding lottie years ago...