sarv Posted March 29, 2020 Share Posted March 29, 2020 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 Link to comment Share on other sites More sharing options...
ZachSaucier Posted March 30, 2020 Share Posted March 30, 2020 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 More sharing options...
sarv Posted March 30, 2020 Author Share Posted March 30, 2020 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 More sharing options...
mkultra88 Posted September 14, 2020 Share Posted September 14, 2020 @sarv you can resolve this? i have a same issue Link to comment Share on other sites More sharing options...
sarv Posted October 22, 2020 Author Share Posted October 22, 2020 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 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