Jump to content

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

GSAP sticky vertical scroll

Recommended Posts


I need some help with positioning the div. I have three main sections with 100vh. The middle sections have six more sections. What I am trying to achieve is when the user scroll to middle section the scroll does not move to last section until it finish scrolling the child sections of main middle section. Does anyone know how I can achieve that with gsap. I have tried below solution, ut its not working for me. Thanks


See the Pen wvaQEYK?editors=1010 by sarvneet (@sarvneet) on CodePen

Link to comment
Share on other sites

Hey sarv, what specifically is giving you trouble? Unfortunately we don't have the capacity to help build the entire thing for you. 


I recommend starting with the demo that you linked to (or another that is more similar to the effect that you're wanting) and and modifying it to your needs.

Link to comment
Share on other sites

Thanks Zach. I used scrollmagic to solve the problem. I was having trouble making middle section sticky on scroll until all its child divs are scrolled.

Link to comment
Share on other sites

  • 5 months later...
  • 1 month later...

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.