角动画在IE Edge中不起作用

哈里斯

我在Angular的组件中添加了动画。但是,动画在Chrome和Firefox中有效,但在IE Edge中,虽然样式在状态更改时正确应用,但没有指定的动画,但不会触发动画。

有人有同样的问题吗?

这是我的代码:

animations: [
    trigger('rowState', [
        state('collapsed', style({
            'height': 0,
            'overflow-y': 'hidden'
        })),
        state('expanded', style({
            'height': '*',
            'overflow-y': 'hidden'
        })),
        transition('collapsed <=> expanded', [animate('1000ms ease-out')])
    ])
]

提前致谢

波尔·克鲁伊特

edge不支持Web动画,您应该添加polyfill

角动画建立在标准Web动画API的基础上,并在支持该动画的浏览器上本地运行。对于其他浏览器,需要使用polyfill。从GitHub抓取web-animations.min.js并将其添加到您的页面。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章