___studio.y

Okay thanks @GreenSock, I'll give that a go!

Thanks @mvaneijgen for your quick and helpful response! And for your great input too @PointC and @Rodrigo You're absolutely right re checking the docs! I've been using them more to progress in this animation. Also your tips about ScrollTrigger have been very helpful. I noticed when replacing the CSS sticky setup with the ScrollTrigger end relative number I lose the ability to have the animation continuing to finish while the section becomes unpinned and scrolls up the page. Is there a way to define a separate end point for the animation and the pinning? I checked the docs, but couldn't find anything about this. Note: best to view the codepen in it's own tab to be able to see the animation. https://codepen.io/rrosegregoryy/pen/jOJagKG

Okay I made some adjustments and managed to get it working okay. But now there are these moments of slower and faster movement along the ellipse, I guess as the numbers are getting to the end of each path segment. Any ideas how I can smooth this out? https://codepen.io/rrosegregoryy/pen/rNRGwem

Hi everyone! I'm trying to animate multiple numbers along an ellipse path with motionPath while the user scrolls. They each start at different stages of the ellipse. I've almost got it working but there's some strange behaviour happening for the scroll down the page. The scroll back up the page seems to be working fine. Been scratching my head over this for a while... what am I missing?!