Red dot scroll journey

[artvera]

Hi everyone,

 

I’m experimenting with the GSAP MotionPath plugin and running into an issue. I’m animating a red dot along an SVG path using motionPath, but the dot moves too quickly and goes off screen — I can’t manage to keep it visible throughout the scroll.

 

I tried using path.getTotalLength() to dynamically set the scroll distance, but it didn’t help much.

Is there a way to slow it down or ensure the dot stays within the viewport during the scroll?

 

Thanks in advance for your help! 😊

See the Pen pvvKLWy by Arthur-Vera-the-typescripter (@Arthur-Vera-the-typescripter) on CodePen.

Edited May 7 by artvera
better phrased

[mvaneijgen]

Check out this post 

 

 

 

Hope it helps and happy tweening! 

[artvera]

3 hours ago, mvaneijgen said:

Check out this post 

 

 

 

Hope it helps and happy tweening! 

This is just what I needed 👌 Thanks