Snapping to a section with scrollTo and scrolTtrigger

[Alex M 2 Likes (Newbie)]

Hi folks, 

I'd like to control the scroll behavior by forcing it to scroll to the next section. I've tried to follow this example 

See the Pen NWxNEwY by GreenSock (@GreenSock) on CodePen

 but my pen isn't working. It is stuck to the first section. Do you have any idea why that's happening?

 

Here is my demo: 

 

Thanks in advance

See the Pen LYBNovZ by maqquo91 (@maqquo91) on CodePen

[GreenSock 18,253 Likes (Superhero)]

The main problem is a logic one - you're first section actually starts a little more than 100vh from the top, but you've got things set up based on the index so that the first section scrolls to 0 (very top). But you actually want it to scroll to that first section which is a little more than 100vh from the top. 

 

Here's a fork where I tap into the ScrollTriggers' "start" value for the positioning: 

See the Pen YzjWzgv?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Is that more like what you wanted?

[Alex M 2 Likes (Newbie)]

Thanks a lot, Jack, that is exactly what I wanted to achieve.  

 

And happy new year.