Angular Маршрутный переход переходит на вершину уходящего маршрута - PullRequest
Новая
       25

Angular Маршрутный переход переходит на вершину уходящего маршрута

0 голосов
/ 21 марта 2020

В настоящее время я пытаюсь реализовать некоторый angular переход маршрута, при этом входящий маршрут перемещается снизу вверх, покрывая прежний маршрутизатор (прежний маршрут вообще не должен быть анимирован).

To для этого я попробовал следующее: 

import {animate, animateChild, group, query, style, transition, trigger} from '@angular/animations';

export const SLIDE_UP_ANIMATION = [
  query(':enter, :leave', [
    style({
      height: '100vh',
      position: 'fixed',
      width: '100%',
    })
  ]),
  query(':enter', [
    style({
      transform: 'translateY(100%)'
    })
  ]),
  group([
    query(':enter', [
      animate('400ms ease-out', style({
        transform: 'translateY(0%)'
      }))
    ])
  ]),
  query(':enter', animateChild())
];

export const PAGES_ANIMATION = trigger('routeAnimations', [
  transition(`* <=> *`, SLIDE_UP_ANIMATION)
]);

Это вроде работает, но при прокрутке оставляющий маршрут снова переходит наверх при изменении маршрута - я хочу, чтобы он оставался как даже при прокрутке. Как это сделать?

...