Learn how to customize or remove the smooth scroll and scroll interactions included in this template.
To adjust the smoothness of the scrolling, locate the following code:
<script>
const lenis = new Lenis({
lerp: 0.07,
});
</script>You can change the lerp value to adjust the scrolling behavior.
We recommend keeping the value between 0.05 and 0.1.
If you prefer to use Webflow's default scrolling behavior, remove the Lenis code from the Before </body> tag in the Page Settings.
Remove both the Lenis script and the initialization code:
<script src = "https://unpkg.com/lenis@1.3.21/dist/lenis.min.js" > < /script>
<script>
const lenis = new Lenis({
lerp: 0.07,
});
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
</script >After removing the code, the website will use Webflow's default scrolling behavior.
The Lenis smooth scroll code can be found in:
Page Settings → Custom Code → Before </body> tag
If the code has been added to multiple pages, make sure to update or remove it from each relevant page.
Always publish the website after making changes to ensure the updated behavior is applied to the live site.