How to keep motion path in view?

[vrielsdenies]

Hello,

 

Thanks for the awesome plugin, I really enjoy working with GSAP! 

I'm trying to animate a stroke and to keep the arrow in view, like in the middle of the page. But at the moment the arrow goes too quick and moves out of sight very quickly, see the codepen demo. I was wondering if it's possible to keep the arrow in view while scrolling down. 

Many thanks for your help! 

 

Kind regards,
Niels

See the Pen QWmKyRy by Vrielsdenies (@Vrielsdenies) on CodePen

[Cassie]

Hey there!

 

You can add a linear ease so that the animation is a consistent pace throughout the scrub.

See the Pen NWYRoNq?editors=1010 by GreenSock (@GreenSock) on CodePen

 

[Cassie]

Here's the super hard mode version if you really want to keep the arrow dead centred. Hope these examples help. ☺️

See the Pen WNpwrEx by osublake (@osublake) on CodePen

[vrielsdenies]

Thanks for your quick reply Cassie!

I'll have a go at it