减少动效Prefers Reduced Motion
你可能会说
有人开了系统减少动效,我的页面动画还在动,要处理吗?
读取系统「减少动态效果」设置,并据此关掉或减弱动画的做法当访客在系统设置里开启了“减少动态效果”时,页面中的大幅位移、视差滚动和持续旋转动画应当减弱或停下,改为直接切换或轻微淡入。这项设置帮助对剧烈动效容易眩晕或不适的用户;验收时在系统设置里切换一次开关,就可以直接检查页面动画是否正确响应。
先知道
也常被叫作减少动效Prefers-reduced-motion
有人开了系统减少动效,我的页面动画还在动,要处理吗?
验收方式:在系统设置里切换一次,确认页面动画随之变化;必要的状态反馈要保留。
装饰动画减弱或停止:旋转、大幅滑动、视差滚动这类纯装饰动效,在设置开启时应该停下。
必要反馈保留:加载指示、状态变化提示仍然有用;减弱的是干扰性动效,不是所有动效。
用系统设置验证:改完在系统设置里切换一次,看页面动画是否真的随之变化,才算验收。
请让页面响应系统的减少动效设置:检测到开启时,把装饰性动画(旋转、滑动、视差)关掉或减弱,保留加载和状态反馈。改完在系统设置里切换一次,确认动画随之变化。