Scroll to top angular

Angular scroll to top

scrollToTop(){
	window.scroll(0,0);
}

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)
    
}
}

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 vote176 views2 answers
Testing Objects for Properties
TypeScript
0 vote220 views1 answer
Output requirements conda
TypeScript
8 votes205 views3 answers
Showing 2 digits of float in python
TypeScript
0 vote196 views1 answer
Google map Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Element'
TypeScript
3 votes196 views1 answer
Npm uninstall all
TypeScript
0 vote193 views1 answer
Lire un fichier de valeurs séparées par des points (csv) dans DataFrame
TypeScript
39 votes244 views6 answers
Cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
1 vote189 views1 answer
Tostring kotlin
TypeScript
0 vote166 views1 answer
Typescript post request json
TypeScript
0 vote211 views1 answer
"Why aren't all young neutron stars seen as pulsars?"
TypeScript