[Custom timeline triggers]

I’d like to run a looped animation on load on an object. If the user begins to scroll, I’d pause the first animation and run a scroll-based animation. Lastly, if the elements reaches a certain place in the canvas, I would then run a third animation. All animations occur on the same element.

 

Is there a way to start/stop animations using triggers such as these?

 

Thanks