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 think the only way to do this reliably would be to hide the overflow while the animation is happening.
See the Pen abdmXGV by GreenSock (@GreenSock) on CodePen
But this likely causes undesired effects in browsers that always show the scrollbar if there's scrolling. So you might consider hiding the scrollbar permanently in your site or using a custom scrollbar.
