Lenis Smooth Scroll in Webflow

preview_player
Показать описание
If Lenis recently stopped working on your site, I’ve updated the code in the cloneable to fix the issue. The problem was caused by a line that blocks Lenis from running in the Webflow editor. That line was added because Lenis used to interfere with scrolling in the editor, but since that’s no longer an issue, the line isn’t needed anymore.

Get the cloneable for this project (affiliate link)

Join my Webflow Wizards Community

Try Webflow using my affiliate link below.
Рекомендации по теме
Комментарии
Автор

That was exactly what I was searching for. Thanks.

meherech
Автор

Love seeing the notification for a new video

lens
Автор

Did this break? I had it working on a few sites but it no longer seems to be. Is anyone else experiencing this?

NoelHayden-bu
Автор

You are honestly the best, thank you so much.

charlene
Автор

Perfect solution, thanks Tim. Unfortunately it’s not working on safari on mac.

jithinio
Автор

Im still trying to figure out how to use lenis in overlays or elements with overflow scroll. It doesn't work there.

rapidlightning
Автор

Hi Tim, can you tell me which screen- and mouse-recording software were you using for this video? Thank you

IAmThat
Автор

Thank you Timothy - fab as always. I couldn't see where to get the code so I used the code from the clonable and was able to tweak it to my liking. Regarding the infinite setting - I couldn't see it at all in that code.

Am_ro
Автор

Thank you! it worked like a charm. The next thing i want to install on my page is GSAP. Lets see if it will work with or without the line of code you mentioned. <3

aronleniger
Автор

I dont know if its a bug from my side but the code prevents me scroling and reaching the end of my page sometimes

shadle
Автор

Since the last Webflow update, the script no longer works for me either. Has something changed here?

mapfei
Автор

Hey Timothy! Thank you so much for this tutorial, it really helped me :)

I noticed that it glitches when I try to scroll over a video, is there a way to fix this?

fionarama
Автор

It don't work for me.. they changed the basic setup script also. Is there anything ive to disable?

airi-o_o
Автор

Timothy something broken with this solution? When you are in stop scroll mode and scrolling with mouse after scroll start page is scrolled to bottom :( any thoughts how to fix this issue?

dofesto
Автор

External libraries are great - but don't the CDNS really slow down the webflow page performance?

aaronmoroney
Автор

Hi Tim! Thanks a lot, really helped!
A question though: how can you create same effect as previous locomotive library (using data-scroll-speed attributes for example) in Lenis to change the speed of specific elements?

julianamariz
Автор

Hey @timothyricks first of all, great video! on dektop everything works fine. even if i scale my dektop window to the size of a phone or tabelt the infinite scroll work like a charme but when i open the site on my ipad or iphone the infinte scroll is gone and i have the regular scroll. im new to webflow what could i do to fix it.

kai_t
Автор

There is a bug with lenis. When using an Ipad with a magic keyboard the page won't scroll using the track pad and will only scroll using touch.

Honkdonk
Автор

Hi Tim, the infinite scroll isn't working in the cleanable or otherwise?!

madhavkhandelwal
Автор

Nice Tutorials :) which Recording Softwore do you use ? So smooth! saw it on Danskys channel too!

Bob-qfue