Question

对于我的问题，我有些困惑，因为它将在本地运行，但不能在服务器上运行。

这个想法是用一个window.innerHeight减去静态值（例如150）将一个表从状态增加变为状态减少（以及相反）的动画。并同时将明细卡移入或移出框架。

app.ts：

animations: [
trigger('BodyDetailsInOut', [
  state('in', style({ transform: 'translateY(0)' })),
  state('out', style({ transform: 'translateY(100%)' })),
  transition('out => in', [style({ opacity: 0, transform: 'translateY(100%)' }), animate('400ms ease-in')]),
  transition('in => out', animate('400ms ease-out')),
]),
trigger('TableReduceIncrease', [
  state('reduced', style({ height: window.innerHeight - 750 + "px" })),
  state('increased', style({height: window.innerHeight - 150 + "px" })),
  transition('increased => reduced', [style({ height: window.innerHeight - 150 + "px" }), animate('400ms ease-in')]),
  transition('reduced => increased', animate('400ms ease-out')),
])]

但是，它在本地运行良好，但在服务器上该表不会减少。

在控制台中，发生了如下警告：

属性高度的关键帧值无效：-150px

顺便说一句..可能是服务器设置问题或完全不允许这样设置高度吗？

Angular 6动画中的window.innerHeight不起作用

0 个答案: