V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Danswerme
V2EX  ›  前端开发

被一个低级错误困扰了一下午...

  •  
  •   Danswerme · 22 天前 · 675 次点击

    使用微软的 fluentui 库中的 Toast 组件时, 文档页面中的示例拥有动画效果,而我在本地项目中引用的组件没有动画效果,百思不得其解,各种方法都试过了,最后发现是因为没有开启操作系统中的动画效果。

    虽然开启后动画效果一切正常了,但是又引申出另一个问题:同一台电脑同一个浏览器,为什么文档页面中的示例有动画效果,而本地项目中的组件没有动画效果呢?

    搜了一下,发现一个叫做 prefers-reduced-motion 的属性,当操作系统设置了减弱动画效果/无动画时,浏览器可以根据这个属性来减弱动画;而 fluentui 中的确默认应用了这个属性,到此为止这个问题终于算是搞明白了。

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5673 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 01:33 · PVG 09:33 · LAX 17:33 · JFK 20:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.