/Javascript/AngularJS/Angular route change scroll to top

Angular route change scroll to top

RouterModule.forRoot(appRoutes, { scrollPositionRestoration: 'enabled' })

Source: stackoverflow.com

Scroll to top when routing angular

import { Component, OnInit } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';

@Component({
    selector: 'my-app',
    template: '<ng-content></ng-content>',
})
export class MyAppComponent implements OnInit {
    constructor(private router: Router) { }

    ngOnInit() {
        this.router.events.subscribe((evt) => {
            if (!(evt instanceof NavigationEnd)) {
                return;
            }
            window.scrollTo(0, 0)
        });
    }
}

-2

Source: stackoverflow.com

Similar codes

1 vote133 views1 answer
Angular cli don't generate spec
Javascript AngularJS
0 vote188 views1 answer
Can we send image in json in angular
Javascript AngularJS
0 vote138 views1 answer
How we can use pagination in angular material and spring boot
Javascript AngularJS
6 votes154 views2 answers
Hide and show in angular 8
Javascript AngularJS
0 vote166 views1 answer
Angular add debounce time before putting valu in subject next
Javascript AngularJS
0 vote152 views1 answer
Angular model optional parameter null
Javascript AngularJS
8 votes154 views3 answers
How to use another port in angular
Javascript AngularJS
0 vote131 views1 answer
Configure column menu in kendo grid angular to hae only locked
Javascript AngularJS
6 votes215 views2 answers
Angular build with configuration
Javascript AngularJS
2 votes147 views1 answer
Change color of material design angular progress bar
Javascript AngularJS