Intermediate

Add Lenis Smooth Scrolling inWebflow

Simple method for adding smooth scrolling to a Webflow projects.

Summary:

Simply copy and paste this script into the Before </body> Tag custom code field in your page/project settings.

<script data-id-scroll data-autoinit="true" data-duration="1" data-orientation="vertical" data-smoothWheel="true" data-smoothTouch="false" data-touchMultiplier="1.5" data-easing="(t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t))" data-useOverscroll="true" data-useControls="true" data-useAnchor="true" data-useRaf="true" data-infinite="false" defer src="https://cdn.prod.website-files.com/65bb4b65a7173f31270345aa/6672924713322e5e6d7dd1dc_lenis.txt"
></script>

Tags:

Source:

https://x.com/SarkisBuniatyan/status/1811493604780835098

Add Lenis Smooth Scrolling inWebflow

Subscribe for updates

Join thousands of Webflow professionals who get our hand curated newsletter every Tuesday at 12pm EST

You're in!
Keep an eye on your email for weekly updates from the State of Flow community

Oops! Something went wrong while submitting the form.

Related Content

Resource

Easy and Smooth Page Transitions Capture Users

Simplify Memberstack Payment Flows With Redirect Script For Unpaid Accounts

How to Effortlessly Add Swiper.js Sliders to Webflow Projects

Make an API call in Webflow and display dynamic data on page

Ultimate Guide to jQuery from Timothy Ricks

How to Use CodeSandbox with Webflow

Questions to Ask When Performing Code Reviews

Build a CMS-powered slider in Webflow using Swiper.js.

SchemaFlow - Boost SEO with Structured Schema in Webflow

Master Query Parameters in Wized & Webflow

Create a "spotlight effect" on hover in Webflow

Disconnect all reference/and multi-reference fields inside a Webflow collection

Source Not Listed

Review

Add review

Welcome to the all new State of Flow.

Looks like there are no results yet for this search. Click below to join us as a contributor and help us grow our library.

Claim pro account