Angular 5 Scroll to top on every Route click

Question

I am using angular 5. I have a dashboard where I have few sections with small content and few sections with so large content that I am facing a problem when changing router

Answer 1

if your using mat-sidenav give an id to the router outlet( if you have a parent and child router outlets) and use activate function in it and use this 'mat-sidenav-content' query selector to scroll top onActivate(event) { document.querySelector("mat-sidenav-content").scrollTo(0, 0); }