Scroll stops working when adding on <body> overflow-y: scroll
Describe the bug
When there is the need to block the nav bar at the top / bottom on mobile.
You will add on html overflow: hidden. And to get the scroll back then you will have on body overflow-y: scroll
You will tell lennis which one is the new wrapper and content
But it does not scroll at all
HTML structure
<html>
<body>
<main>
// content...
const lenis = new Lenis({
wrapper: document.querySelector('body'),
content: document.querySelector('main'),
});
Code example:
https://codepen.io/mariosmaselli/pen/VYZYjGe
Maybe the wrapper & content are not the right ones?
darkroomengineering / lenis
How smooth scroll should be
8.8k
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too