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 vote183 views1 answer
Swift collection view deselects item when scroll off screen
TypeScript
3 votes159 views1 answer
Angular resize window height event
TypeScript
15 votes158 views2 answers
Which sentence has all alphabets
TypeScript
0 vote167 views1 answer
Nativescript alert
TypeScript
0 vote169 views1 answer
"At what stage of its life will our Sun become a black hole?"
TypeScript
15 votes190 views2 answers
Python get file contents as string
TypeScript
0 vote173 views1 answer
How to remove the white space between two plots in r
TypeScript
0 vote160 views1 answer
Property 'carousel' has no initializer and is not definitely assigned in the constructor
TypeScript
11 votes172 views3 answers
Property 'active' has no initializer and is not definitely assigned in the constructor.ts(2564)
TypeScript
0 vote165 views1 answer
Formula: =concatenate(transpose(xxxxx)) highlight transpose (xxxx), press "ctrl" + "=" then delete front and back curly brackets "{ }" enter Add grepper answer
TypeScript