Move text on scroll

[Mental Republic]

Hi All! I Wonder if there is a way to animate some text from letf to right when the user scrolls dows, and reverse it when the user scrolls up.

Thanks

[ZachSaucier]

Hey ivanguinea. This is definitely possible! In fact, GreenSock is working specifically on a scroll plugin for cases like this.

 

But until the scroll plugin is available, you can do this by tracking the scroll position and updating the progress of your animation. I talk more about how to do so in the tip "Use case: Animating based on the scroll position" of my article about animating efficiently but I highly recommend reading the whole thing  

[Mental Republic]

Okay, just read the whole post, so usefull. I also have some knowledge regarding Gsap, but i'm stuck how to do it. You guys have an existing codepen to have an slight how to do it?

[ZachSaucier]

Edit the CodePen in the section that I mentioned to move the text instead of fading it in. That's it