how to move scrollbar to top in angular code example
Example 1: scroll to top angular
//inside the app.component.html add (activate):
<router-outlet (activate)="onActivate($event)"></router-outlet>
//inside app.component.ts, add inside the class of the component:
export class AppComponent {
onActivate(event) {
window.scroll(0,0);
//or document.body.scrollTop = 0;
//or document.querySelector('body').scrollTo(0,0)
}
}
Example 2: angular route change scroll to top
RouterModule.forRoot(appRoutes, { scrollPositionRestoration: 'enabled' })