Section Navigation in ScrollTrigger

[leraphymo]

Hello, I would like to add a feature that I think is quite basic to this code but that I am unable to implement. In fact I would like that when we reach the end of each animation of a section, on scroll, we go to the next section directly. I really want the transition to the second section to be done on scroll and not automatically in the timeline. (much like doing the Scrollify library).

 

thanks !!

See the Pen bGQbxON by raphimo (@raphimo) on CodePen

[GreenSock]

Are you looking for something like this?: 

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

 

You're welcome to use regular CSS snapping if you prefer. 

[leraphymo]

Good morning, Not quite, I really want to have control over the scrolling animation in the sections and with this solution I feel like the anims are forced to go all the way every time, probably the "snap" effect, but I don't know if you can add the "snap" effect only when you scroll to change section? 😕

[Cassie]

Scrollify looks to be using event driven scroll - so that would be equivalent to observer in GSAP-land

https://greensock.com/docs/v3/Plugins/Observer

 

Hope this helps.