Angular10-Safari错误：“动画不支持提供的动画属性'offset'

编程问答 2022-06-13

问题描述

我正在使用@ angular / animations，但是当我使用属性“ offset”以产生交错效果时，在Safari中会阻止整个网站的执​​行。删除后，它会再次开始正确运行。

这是我的动画片段

const staggerOpacTrans =    [
transition('* => *',[
  query(':enter',style({ opacity: 0 }),{ optional: true }),query(':enter',stagger('100ms',[
    animate('.5s ease-in-out',keyframes([
      style({ opacity: 0,transform: 'translateY(20px)',offset: 0 }),style({ opacity: 1,transform: 'translateY(0)',offset: 1 }),]))]),{ optional: true })
]),]

export const staggerOpacTransAnimation = trigger('staggerOpacTransAnimation',staggerOpacTrans);

我尝试安装以下polyfill：'web-animations-js'并将其导入polyfills.ts，但仍然无法正常工作。

有人在使用Safari浏览 offset 属性动画时遇到过问题吗？ 所有其他浏览器均完美支持该功能。

谢谢Fix for PR18393 - emit error when abstract type is returned or taken by value

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularangular-animationsoffsetoffsetsafari