今天新来的同事,打开Doclever系统(web)时,一直加载,后来发现页面中的#SBDocStartLoading这个div元素遮罩在页面上方,中html/dist/vender.bundle.js中查到代码发现元素上加了animated fadeOut两个class(实现淡出动画), 后面用once绑定了一个事件,当动画结束时移动这个div元素。

代码加断点发现once绑定的处理函数没有触发。

反了一下fadeOut的样式文件,发现它用关键帧动画实现了opacity的修改达到淡出效果。

但在同事的机器上没效果,最后发现它的动画css 被 @media (prefers-reduced-motion)这个下的规则unset掉了。

最后在网上查了一下,windows下要在设置中打开动画效果才行。

参考: https://blog.csdn.net/u010176097/article/details/114408253

相关文章:

  • 2021-07-20
  • 2021-09-16
  • 2022-12-23
  • 2022-12-23
  • 2021-12-21
  • 2021-07-18
  • 2021-09-11
  • 2022-02-11
猜你喜欢
  • 2022-12-23
  • 2021-09-05
  • 2021-12-17
  • 2022-02-06
  • 2021-07-28
  • 2022-03-05
  • 2022-12-23
相关资源
相似解决方案