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

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

11 votes259 views1 answer
How to select last 2 elements in a string python
TypeScript
6 votes254 views1 answer
List all anaconda env in shell
TypeScript
0 vote249 views1 answer
Mongodb node findone how to handle no results using promises
TypeScript
39 votes315 views5 answers
AppData\Roaming\npm\ng.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
0 vote244 views1 answer
Unknown compiler option 'files' nativescript
TypeScript
0 vote252 views1 answer
Job for pm2-rfb.service failed because the service did not take the steps required by its unit configuration.
TypeScript
0 vote246 views1 answer
React-scripts start error
TypeScript
0 vote267 views1 answer
Typeorm @unique
TypeScript
2 votes233 views2 answers
Valid jwt
TypeScript
1 vote246 views2 answers
Append to lists python
TypeScript