Jump to content


ScrollTrigger - make some elements scroll faster than others

Recommended Posts

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

Link to comment
Share on other sites

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. 

Link to comment
Share on other sites

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. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.