ScrollTrigger - make some elements scroll faster than others

[LSchneiderman 2 Likes (Newbie)]

I'd like to have some elements of my project move faster on scroll than others. In this project, I'd like #screen2 to move slower than #screen3. How would I do that please?

See the Pen ZErbwOJ by lschneiderman (@lschneiderman) on CodePen

[mvaneijgen 1,555 Likes (Superhero)]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting. It's great that you've included a codepen, but there is no GSAP in it. I really encourage you to try your hand in what you can get off the ground yourself and when you get stuck post back here with a specific problem you're facing.

 

There are a lot of demos you can find here there is probably one that kinda does what you want, I'd suggest starting there. 

[GreenSock 18,257 Likes (Superhero)]

Also, for the record ScrollSmoother has a built-in parallax feature that allows you to simply set a data-speed attribute on any element to control how fast it scrolls. 

[LSchneiderman 2 Likes (Newbie)]

@Jack - thank you!