ScrollTrigger - make some elements scroll faster than others

[LSchneiderman]

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]

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]

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]

@Jack - thank you!