Smooth-scroll setting will soon respect user preferences

We've recently shipped an update that forces Webflow's smooth-scroll animation (used when navigating down the page to anchor links) to respect the site visitor’s preferences to disable animations on their system, specifically where those users have set "reduced-motion" on the operating system (OS) or browser. (Read about how to control these settings in our article on Webflow University.)

We’re making this change to minimize harm for those vulnerable to motion-induced illnesses. We also recognize our responsibility to make the web more accessible, and this is a small step towards honoring that responsibility.

Clicking on an anchor link in navigation and jumping directly down to that section of the page.
Anchor links will not smooth scroll down the page if the site visitor has set "reduced motion" in their OS or browser settings.

This means that site visitors may notice their animations behaving differently, depending on their local device settings. If you’re seeing your clients or site visitors commenting about the change, you can assist them in checking whether they've enabled motion settings on their OS or browser. On Windows, this setting is called Show Animations, and on Mac, the setting is called Reduce Motion. Check out the Webflow University article to see how check motion settings on your system, and learn more about this feature.

If you experience any unexpected behavior, please let us know by posting in the forum. And if you have any accessibility related feature requests, we’d encourage you to post them in the accessibility category of the Webflow Wishlist.

We've shipped an update that turns off a site's smooth-scroll feature if the site-visitor has "prefers-reduced-motion" enabled on their operating system or browser. Our goal is to reduce harm caused to individuals who are vulnerable to motion-induced illnesses.

Resources

Other 

Motion

 Features