GSAP sticky vertical scroll

[sarv]

Hi,

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.

[ZachSaucier]

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.

[sarv]

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.

[mkultra88]

@sarv you can resolve this? i have a same issue

[sarv]

Hi @mkultra88 sorry for my late reply. I updated the above codepen with solution. See if it helps.

See the Pen wvaQEYK by clfl_01 (@clfl_01) on CodePen.