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 vote126 views1 answer
Find unique elements in pandas and their connection with other column
TypeScript
0 vote113 views1 answer
C# copy the elements of a list to another list
TypeScript
0 vote103 views1 answer
Testing tools vs testing techniques
TypeScript
1 vote142 views1 answer
Typescript jest types not found
TypeScript
1 vote231 views1 answer
Randomly choose n elements from a text file linux
TypeScript
0 vote117 views1 answer
Number square n times in typescript
TypeScript
35 votes132 views4 answers
Because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
0 vote114 views3 answers
Method swap to the Pair class of that swaps the first and second elements value of the pair in generic Pair class in java
TypeScript
19 votes128 views6 answers
Create new component in Angular
TypeScript
0 vote99 views1 answer
Typescript delete value from map
TypeScript