Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
dmahajan980

How to utilize momentum/inertia in page scrolling?

Recommended Posts

Hello,

 

I am quite new to GSAP and I heard a lot of good words regarding its capabilities. I am working on a website where I want to implement momentum-based scrolling as observed in the following websites:

 

I spent a day learning basics of GSAP, read some posts on the forum, and did a few Google searches. I stumbled across a similar post, hinting the use of ScrollTrigger plugin. However, I was not able to exactly figure out how to achieve the same effect. Could someone guide me about creating such a scroll experience? (React-oriented solution would be highly appreciated, but VanillaJS-based solutions would also work)

Thanks in advance :)

Link to post
Share on other sites

Hey dmahajan980 and welcome to the GreenSock forums.

 

ScrollTrigger is definitely the tool to use. I highly recommend reading the docs (and watching the video included) as well as looking through some of the demos. To get some of the same smoothness you'll also need to use a smooth scrolling library along with ScrollTrigger via .scrollerProxy().

 

If you have a specific question about how to use GSAP/ScrollTrigger feel free to post along with a minimal demo of the situation and we'll be happy to help.

Link to post
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.

×