Angular 7 анимация перехода маршрутизатора, вызванная прокруткой

Question

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

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

Пока не могу найти решение. Есть идеи у кого-нибудь?

Answer 1

Я не уверен, но я думаю, что вы можете использовать правило scroll-behavior: smooth; css для плавного перехода по прокрутке, если ваши компоненты находятся на одной странице, и у вас есть привязки. Но с этой опцией вам нужно сконфигурировать RouterModule.forRoot() с дополнительной опцией конфигурации, anchorScrolling: 'enabled'.