Angular анимация скрывается за другими элементами - PullRequest
Новая
       24

Angular анимация скрывается за другими элементами

0 голосов
/ 18 апреля 2020

Примечание: новинка для Angular Анимации

У меня есть следующая angular анимация, которая анимирует (перемещает) div от исходных до целевых координат.

Выпуск 1: Каким-то образом анимация работает, но скрывается, когда выходит из пространства div. В чем может быть проблема?

Выпуск 2: Как создать движение в соблазнительной манере. На данный момент анимация - это прямолинейное движение. Я хочу, чтобы оно было go по кривой.

Проблема 3: Как обрабатывать ситуацию, если целью является position: fixed;. Когда я прокручиваю страницу, анимация для некоторых элементов выглядит так, как будто целевые координаты находятся где-то еще.

Я создал демонстрацию. Это хорошо работает в stackblitz См. Здесь , но не в моем проекте. 

   const animation = this.builder.build([
      animate(
        '700ms ease-out',
        style({
          transform: `translate3d(${x}px, ${y}px, 0)`,
        })
      ),
      animate(
        '700ms ease-out',
        style({
          transform: `translate3d(${x}px, ${y}px, 0) scale(0)`,
        })
      ),
    ]);
...