/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 vote229 views1 answer
AngularFireDatabase is not a observable??
Javascript AngularJS
10 votes267 views3 answers
Angular create service command line
Javascript AngularJS
0 vote263 views1 answer
How to decrease the size of js files build from angular
Javascript AngularJS
0 vote263 views1 answer
Open new tab with angular router
Javascript AngularJS
0 vote252 views1 answer
Tag p is already been closed when there are div tag angular
Javascript AngularJS
0 vote249 views1 answer
Angularjs make post request
Javascript AngularJS
0 vote252 views1 answer
Adding bootstrap to angular global styles
Javascript AngularJS
10 votes230 views6 answers
Refresh page angular
Javascript AngularJS
2 votes252 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
10 votes260 views6 answers
Angular refresh component without reloading page
Javascript AngularJS