I am trying to create a website on which there is a number of sequenced lottie animations. The animations have been rendered, converted and they ready for the site. I have successfully added one to my project however I am unable to layer them as required. The sequence can be described as a short animation that was cut up into manageable portions, once one is finished it should roll into the second one. This is scrolling based which I’ve set for the first lottie animation however I am unable to figure out how to fade that away and layer the next segment on top to continue the lottie animation.
Sequence can be described as
Lottie 1: 0 to 10 second (Scroll based)
Lottie 2: 10 to 20 seconds (Scroll based)
If the user scrolls up then the animation should go backwards per Lottie animation
Any help would be appreciated.