-
Notifications
You must be signed in to change notification settings - Fork 48
feat: integrate smooth scrolling effect using lenis #84
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
feat: integrate smooth scrolling effect using lenis #84
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
manojVivek
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hey, thank you for this contribution!
Just a couple of minor things.
| @@ -0,0 +1,19 @@ | |||
| html.lenis, html.lenis body { | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is it possible to check if this smooth scrolling can be applied when the navbar links are clicked? Like the "Features", "Testimonials" links?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ok i'll add this and let you know @manojVivek
4005378 to
ab58456
Compare
|
Hi @manojVivek , i have all the changes you asked , now the site is smooth when it scrolls, not only in the root page, also in sponders, blogs . I am interested to contribute more if you need anything else @manojVivek , this repo doesn't have a docs shall i create a simple explanation and also how to run the repo for beginners. i found some bugs in the actual responsibly app, shall i make a pr there too? |
This PR adds smooth scroll behavior to the site using Lenis.
Closes #83
Changes:
Result:
The entire page now scrolls with a smooth, polished effect, improving UX without introducing scroll lag or layout shifts.
You can refer these videos below to get the visual appearance.
Without Lenis (current site):
responsible_site_without_lenis.mp4
With Lenis:
responsible_site_with_lenis.mp4