Question

我正在使用@ 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

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

0 个答案: