Как прокрутить до компонента в Angular?

Как прокрутить до компонента в Angular?

Как я могу убедиться, что при щелчке по ссылке на маршрутизатор в компоненте {amp}lt;app-navbar{amp}gt; браузер прокручивает {amp}lt;app-navbar{amp}gt; к выходу маршрутизатора?

Вот как выглядит мой app.component.html на данный момент:

 {amp}lt;div class="container-fluid h-100"{amp}gt; {amp}lt;app-navbar{amp}gt;{amp}lt;/app-navbar{amp}gt; {amp}lt;div class="row h-100"{amp}gt; {amp}lt;app-header class="h-100 overflow-auto col-md-12 col-lg-5"{amp}gt;{amp}lt;/app-header{amp}gt; {amp}lt;div id="main" class="h-100 overflow-auto col-md-12 col-lg-7"{amp}gt; {amp}lt;router-outlet #o="outlet"{amp}gt;{amp}lt;/router-outlet{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

{amp}lt;app-navbar{amp}gt; содержит ссылки на маршрутизаторы, а {amp}lt;app-header{amp}gt; занимает 100% высоты на мобильных устройствах. Поэтому я хочу убедиться, что всякий раз, когда пользователь нажимает на ссылку в навигационной панели, страница прокручивается вниз до недавно загруженного компонента в {amp}lt;app-header{amp}gt;

Я посмотрел на эту библиотеку: https://www.npmjs.com/package/ngx-page-scroll, но не смог ее прокрутить (я полагаю, потому что пытался прокрутить до элемента другого компонента ).

Как раз когда я собирался редактировать это сообщение, я обнаружил эту библиотеку: https://www.npmjs.com/package/angular-scroll, но то же самое, я не уверен, как заставить это работать.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector