Juliette Salomon juliettepxv
mxmason
/ webflow-disable-scroll-prefers-reduced-motion.js
Last active
June 2, 2023 10:49
These snippets completely disable the smooth-scroll animation that is present on all Webflow sites. Animated scrolling can disorient or surprise users, or even cause motion sickness!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Disable smooth scrolling for users who have set `prefers-reduced-motion` in their operating system | |
| // 1. Place this snippet before the end of the <body> tag; | |
| // NOT in the <head> tag! | |
| // 2.Make sure it's inside $(function() {})! | |
| $(function() { | |
| const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)'); | |
| if (mediaQuery.matches) $(document).off('click.wf-scroll'); | |
| }) |