lenis: Scroll Snapping not working
Hi, i tried to add scroll-snapping to my HTML and it worked!
But sadly there is an issue while using scroll-snap-align: start;
It always jumps without animation to my next section.
https://css-tricks.com/practical-css-scroll-snapping/#aa-example-3-vertical-full-screen
Can you fix that?
(Love your code!) Thanks Robin
About this issue
- Original URL
- State: open
- Created 2 years ago
- Reactions: 1
- Comments: 17 (6 by maintainers)
it should, react-lenis gives you the lenis instance as ref or using useLenis so you just need to plug it then.
It seems like the solution would be to emulate scroll snapping using JavaScript and that’s something we want to avoid. So for the moment i would advice you to not use Lenis if you need CSS snap scroll.
Hi @clementroche sure, just made a very simple codepen demo for you. – hope this helps! https://codepen.io/rosinida/pen/BargMXG Thanks Robin