M. Jardel

Yes, I think I'll make more sense to go with that approach and have total control over entrance and exit animations. Thank you very much.

I'm trying to do something like this yes - but I think I understand what the problem is. In Firefox, when CSS scroll-snap is applied, when scrolled down, page is scrolled to the next section almost immediately, so the exit animations aren't visible. When I try your example in Chrome, there's a little delay between this actions - so animations are visible. So for consistency - my question becomes, can I apply the full page snapping only with GSAP - so they will be consistent between browsers. Thanks for your help by the way, much appreciated.

Because if you do it like that, that exit animations run when you open the page - I want my exit animations to run when the user scrolls down. https://codepen.io/djarum-black/pen/KKoQxMJ This is the animation I want to have. On entrance the text slides from one side. Then when the user scrolls down, first the text slides back and than it scrolls down to the next section. https://codepen.io/djarum-black/pen/dymdwZR

Hi, The only example I could find of vertical full-page sections in the examples are this one: https://codepen.io/GreenSock/pen/YzyaKrq And this also uses CSS scroll-snapping. I'm also fairly new to GSAP - so couldn't create the same scroll snapping purely using ScrollTrigger snapping. I tried "1 / ( number of sections - 1)" approach - but doesn't have similar snapping effect. Tried pinning, etc with no avail. Yeah I see what you mean and it's not like I want to use them both - I just want to have entrance and exit animations in every full-page section and have scroll-snapping. With CSS scroll-snapping, I couldnt't get any exit animations because it almost immediately scrolls to the next section - so when regular scrolltrigger leave functions run, we're already at the next section.

Can I use the snap property in combination with scroll-snap-type CSS property? https://codepen.io/djarum-black/pen/KKoQxMJ I tried like this - but the callbacks aren't run at all.

Hi there, I'm trying to build a page of multiple full-page sections - and animate each of them with entrance and exit animations. But since I'm also using snap-scroll - and I'd like to keep it - I cannot see my exit animations because by the time they ran, we're already at the next section - so we cannot see it. Thanks in advance