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:
How to snap instantly on slight scroll?
in GSAP
Posted
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 show what I've tried so far.
See the Pen RwraVNO by kaspervdm (@kaspervdm) on CodePen