How to scroll page to Top on route change.
Add bellow code in app.component.ts file. this . router . events . subscribe (( evt ) => { if (!( evt instanceof NavigationEnd )) { return ; } window . scrollTo ( 0 , 0 ) }); app.component.ts import { Component } from '@angular/core' ; import { Router , NavigationEnd } from '@angular/router' ; @ Component ({ selector: 'app-root' , templateUrl: './app.component.html' , styleUrls: [ './app.component.css' ] }) export class AppComponent { title = 'AngularCrud' ; constructor ( private router : Router ) { } ngOnInit () { this . router . events . subscribe (( evt ) => { if (!( evt instanceof NavigationEnd )) { return ; } window . scrollTo ( 0 , 0 ) }); } }