/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

0 vote294 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
0 vote315 views1 answer
Attr.disabled not working in angular
Javascript AngularJS
33 votes405 views6 answers
Angular add bootstrap
Javascript AngularJS
32 votes376 views4 answers
Angular version command
Javascript AngularJS
18 votes325 views6 answers
Angular cli update
Javascript AngularJS
3 votes279 views3 answers
Disable input angular
Javascript AngularJS
6 votes240 views1 answer
Angular 8 limit text length
Javascript AngularJS
0 vote320 views1 answer
How to create a component in angular using terminal
Javascript AngularJS
0 vote336 views1 answer
Propriedades checkbox angular
Javascript AngularJS
0 vote319 views1 answer
If else condition in angular if user enter string value in input integer
Javascript AngularJS