How to snap instantly on slight scroll?
How do I create a similar snapping effect like Fullpage.js? Is it possible with the snapping property in ScrollTrigger?
From what I've tried, it seems snapping is always initiated when the element has passed halfway the viewport. I would like a far quicker response, when only a few pixels have been scrolled.
This is the snapping-effect I would like to create with ScrollTrigger:
https://alvarotrigo.com/fullPage/extensions/parallax.html
I've added a codepen to s
I actually just answered practically the same question here:
Given snap only affects the end position of the scroll and doesn't kill off the normal scroll, you'd be better off using the callbacks of ScrollTrigger to fire off a ScrollTo animation instead (like I did in the thread above).
To handle the layering you could use position: sticky instead of pinning since pinning messes up the scroll stuff:
See the Pen NWxNEwY?editors=0010 by GreenSock (@GreenS
