feat: add lenis scroll#48
Conversation
✅ Deploy Preview for tresjs-web ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
There was a problem hiding this comment.
Hey @damienmontastier, the netlify build is failing because the dependency was installed with npm instead of pnpm. Please remove the npm lock and use pnpm add lenis when you have a chance
There was a problem hiding this comment.
@alvarosabu It's fixed, my bad, I'm so used to npm i 🤣
There was a problem hiding this comment.
@damienmontastier Have you tried using https://github.com/antfu-collective/ni? It autodetects the package manager of the project for you, it's pretty handy
There was a problem hiding this comment.
@damienmontastier I tested on the laptop and it feels fantastic, we should just remove the commented code that is not used.
I just tested it on the phone, and it behaves erratically; the scroll becomes slow, and the intersectionObservers for the community part are no longer triggered. Could you please take a look atit?
| // watchEffect((onInvalidate) => { | ||
| // if (!lenisRef.value?.lenis) | ||
| // return | ||
|
|
||
| // const lenis = lenisRef.value.lenis | ||
| // }) |
There was a problem hiding this comment.
@damienmontastier, we should remove it if it's not used
2 participants
Lenis Smooth Scrolling
This feature introduces Lenis smooth scrolling to provide a more fluid and pleasant scroll experience across the website.
References
Tailwind Adjustments
Several Tailwind classes were added or removed to fix overflow and nested scroll issues introduced by Lenis, ensuring stable layout and proper scroll handling.
Local Playground —
pnpm run dev