Have you ever tried to implement smooth scroll on your Webflow website, but found several limitations like not being able to use 'position: sticky', or ended up spending several hours trying to make a javascript library work the way you want?
Fear not, because on this video I’m going to show you the BEST smooth scrolling solution for Webflow, which requires very minimal effort to implement. It’s the Lenis library, by Studio Freight.
[IMPORTANT INFO ABOUT LENIS AND WEBFLOW]
Recently, Webflow has updated some auto generated CSS rules - which we can't easily remove - and also Lenis has updated some calculations on the most recent versions. If you're trying to use Lenis on Webflow and the scroll behavior stops working, try to use this version of the Lenis library: [ Ссылка ]
Chapters:
0:00 Intro
1:10 What is smooth scroll?
2:12 Existing smooth scroll solutions
3:15 The problem with existing solutions
3:53 Lenis
6:03 How to use Lenis in Webflow
8:58 Fixing anchor links on Webflow + Lenis
Links on this video:
- Locomotive Scroll: [ Ссылка ]
- GSAP ScrollSmoother: [ Ссылка ]
- Lenis: [ Ссылка ]
- Lenis docs: [ Ссылка ]
- Code snippet for Webflow: [ Ссылка ]
- My twitter: [ Ссылка ]
- My Webflow profile: [ Ссылка ]
