Ivan Mocs Posted July 25, 2022 Share Posted July 25, 2022 hello how to make slow scrolling hero section like on this site https://custo.io/ and how disable smooth scroll on mobile viewport See the Pen JjLyKdE by ivan-nizters (@ivan-nizters) on CodePen Link to comment Share on other sites More sharing options...
GreenSock Posted July 25, 2022 Share Posted July 25, 2022 I'm not sure what you mean by "slow scrolling" - do you mean smooth scrolling? Perhaps you're looking for ScrollSmoother: See the Pen ZExJOaW?editors=0010 by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
Ivan Mocs Posted July 25, 2022 Author Share Posted July 25, 2022 10 minutes ago, GreenSock said: I'm not sure what you mean by "slow scrolling" - do you mean smooth scrolling? Perhaps you're looking for ScrollSmoother: I mean like parallax maybe? so the hero section scrolls a bit slower, and the content section scrolls and floats over the hero section, like this https://custo.io/ Link to comment Share on other sites More sharing options...
Solution GreenSock Posted July 25, 2022 Solution Share Posted July 25, 2022 Sure, ScrollSmoother lets you set a data-speed on any element. Then just enable "effects" on the ScrollSmoother and it'll handle it all for you: See the Pen gOexMzq by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now