Lenis Scroll Doesn't scroll to footer

Community resources
1

Hi All,

I just discovered Lenis Scroll and have a problem with it. I can’t scroll all the way down to the bottom of the page, the scroll stops right before the footer (while scrolling with the mouse wheel).

Is it possible that Lenis has a problem with components?

I’d be really glad if someone knows better than me :slight_smile:

Here’s the link:

https://preview.webflow.com/preview/eternal-luxury?utm_medium=preview_link&utm_source=designer&utm_content=eternal-luxury&preview=c88cabfcda0e8faaa69b452cf95f92d0&workflow=preview

2

Hey man, I am also having the same problem. Did u manage to figure out the solution? :thinking:

3

@Yakiin @MarinK Hey, try adding this inside the style tag, it should fix your problem!

html {
height: auto;
}

4 Likes
4

@Slysilvercat Thank you so much! That solved the problem right away. Your support is well appriciated! :sunflower:

1 Like
5

I added this to my style tag, however, my scroll still stops a little above the footer and I’m unsure how to fix it.

Read-only link: https://preview.webflow.com/preview/the-dixon-davis-group?utm_medium=preview_link&utm_source=designer&utm_content=the-dixon-davis-group&preview=ff5efbbce8d9f5f8a8f3c126f7c66d85&workflow=preview

6

I am having the same issue but only on bigger screens. From laptops down it works fine. I already incorporated the html:auto part into my code which hasn’t solved it. Did you manage to fix/find your issue?

7

Have you tried this solution: javascript - Lenis Scroll: Unable to scroll to bottom of page - Stack Overflow.

The combination of this plus the HTML height auto fixed it for me it seems.

8

I’ve tried countless solutions, but this one is truly the perfect choice and it works flawlessly.