有没有办法检测用户是否在其操作系统上禁用了动画？
有没有办法检测用户是否在其操作系统上禁用了动画？
提问于 2021-07-09 02:00:59
我正在使用React编写一个前端应用程序，并在其中一个组件上渲染动画。如果用户在其设置中禁用了动画，我希望在其位置显示一个静态图像。有没有一种方法可以判断动画是否被禁用，这样我就可以进行一些条件渲染了？
回答 1
Stack Overflow用户
发布于 2021-07-09 02:17:15
@Phix给了the relevant standard。
要根据请求签入JavaScript，您可以使用
const query = window.matchMedia(
'(prefers-reduced-motion: reduce)');
if(query.matches) ... else ...在React中，您可以按如下方式使用@react-hook/media-query：
import {useMediaQuery} from '@react-hook/media-query'
const Component = () => {
const matches = useMediaQuery(
'(prefers-reduced-motion: reduce)');
return matches ? ... : ...;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68306622
复制相关文章
相似问题
腾讯云开发者
