Code

Prefer Reduced Motion on Anchors

This allows you to utilize users OS preferences for reduced motion on anchors in Webflow. Adding this Javascript code snippet to your page settings helps the accessibility of your Webflow site based on your users preferences.

Prefer Reduced Motion on Anchors preview

This allows you to utilize users OS preferences for reduced motion on anchors in Webflow. Adding this Javascript code snippet to your page settings helps the accessibility of your Webflow site based on your users preferences.

How to add it

  1. Add the Javascript code to your pages custom code section before the body close.
  2. Apply attribute data-wf-reduce-scroll-motion="none" to each body

The code

Javascript
                      <script>
  $(function() {
    document.body.setAttribute('data-wf-reduce-scroll-motion')
  });
</script>

                    

More from Corey Moen

Profile →

Similar code snippets

All code snippets →