Control Webflow Anchor Link Smooth Scroll [Snippet] <> No-Code Supply Co.

Control Webflow Anchor Link Smooth Scroll

Control Webflow Anchor Link Smooth Scroll
<!-- Add these to the <body> element -->
<!-- 1 equals default speed, <1 is faster, >1 is slower -->
<body data-scroll-time = 1>...</body>
<!-- Attribute to turn off smooth scroll for people with prefers reduced motion on -->
<body data-wf-reduce-scroll-motion="none">...</body>
// Apply this to project settings, before </body> custom code to apply to all pages -->
$(function() {
document.body.setAttribute('data-wf-reduce-scroll-motion')
});

A few different ways to adjust or conditionally remove the native anchor link smooth scroll behavior in Webflow.

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
4.16.20

Similar items

tinyPod

7.31.24

Ultimate Notion Icons

$49
7.31.24

Faith of a Mustard Seed

7.30.24

Runway AI: Ambient Intelligence

7.30.24

Retronova

7.30.24
Featured
Preview

Osmo

View item

Renewed Vision

7.30.24

Public Work

7.30.24

Lobato

7.27.24

OVERLAY

7.25.24

Stewart & Partners

7.25.24

Jamm

7.25.24

Botanic Expo

7.25.24

SUPER GIANT

7.25.24

Defijn

7.25.24

Isle of Skye Whisky

7.25.24

Chrono

7.23.24

mmm

7.23.24

Jordan Gilroy

7.23.24

Templace

7.22.24

Brandfetch

7.22.24

The Magic of Clip Path

7.22.24

Codex

7.22.24

Rize

7.22.24

Le Flair Studios

7.17.24

Forms.Supply

7.16.24
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.