角形路由器动画在过渡期间显示白色背景

Question

我是Angular动画的新手，情况是我想触发从一个视图到另一个视图的一些slideUp。我借助一些教程编写了简单的动画。

   trigger('routeAnimations', [
     transition('IntroPage <=> DashboardPage', [
       style({
         position: 'relative'
       }),
       query(':enter, :leave', [
         style({
           position: 'absolute',
           top: 0,
           left: 0,
           width: '100%',
           opacity: 1,
           transform: 'translateY(100%)',
         }),
       ]),
       query(':enter', [
         animate('800ms ease-out',
           style({
             position: 'absolute',
             top: 0,
             left: 0,
             transform: 'translateY(0)'
           }))
       ])
     ])
   ])

实际结果： 目标视图很好地从底部滑动，但是当触发动画时，主视图/简介视图消失了，因此目标视图逐渐滑入空白/白色背景窗口。

期望的结果：动画过程中初始视图保持滞后，因此看不到任何空白背景。虽然position：absolute会成功，但是我不确定我是否了解查询如何影响动画。