Sideways text moving

Question: using gsap how would I make a scroll trigger that would make text scroll to the left as the user scrolled down, but stayed with the user until the text ran out?

I would like to make something hopefully simple:

I want this text to go sideways as the user scrolls down, but hopefully not go off the page…

Hi! This is a test. Hi! This is a test. Hi! This is a test. Hi! This is a test. 

This would be like the text on the gsap homescreen, but without all the svgs and animations they have.

1 Like

Do you mean like a marquee?

<marquee>I am a demo</marquee>
2 Likes

no. First of that is cool, but what I want is the text to move sideways at the rate that the user is scrolling down. If you look at The Gsap Website they have this animation when you scroll down.

3 Likes

Nevermind I think I found the answer.

1 Like

Hey @MilesWK. It’s great to hear that you’ve fixed your problem, but please provide an explanation to how you did, so that other people who have the same problem know the solution.

3 Likes

So i turns out I haven’t figured it out yet.

1 Like

@MilesWK check out this Codepen, I think it’s what you are looking for.

2 Likes

That is what I want… how do I make it continue to the rest of the page when the text runs out?

Note the padding on .rectangles