угасает анимация - PullRequest
Новая
       6

угасает анимация

0 голосов
/ 28 июня 2018

У ребят есть вопрос, есть 4 кнопки, а на главной странице 4 блока, с каждым кликом мне нужно постепенно исчезать. Появляется первый блок, а остальные прячутся, потом второй и т. Д.

Проблема в том, что когда вы нажимаете первую кнопку, первый блок прячется на своем месте, а второй блок переходит на первое место, вот код: 

 animations: [
    trigger('anyState', [
      state('inactive', style({
        opacity: '0.0',
        transform: 'scale(0.0)',
        display: 'none'
      })),
      state('active',   style({
        opacity: '1.0',
        transform: 'scale(1.0)',
        display: 'block'
      })),
      transition('inactive => active', animate('1000ms ease-in')),
      transition('active => inactive', animate('1000ms ease-out'))
    ]),

Я хочу получить результат, чтобы при нажатии второй кнопки второй блок появлялся в том же месте, что и первый блок, и я получал, что при нажатии на вторую кнопку первый блок аккуратно скрывается, а затем второй каждый прыгает на первое место.

Помогите решить эту проблему, пожалуйста!

1 Ответ

0 голосов
/ 28 июня 2018

Я собрал модуль Angular, обеспечивающий эту функциональность, хотя он скользит по элементам, а не исчезает.

https://www.npmjs.com/package/ng2-slide-down

...