“Scrollen Sie zum Top, wenn Sie Angular routet” Code-Antworten

Winkelrolle nach oben

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

Winkelroutenwechsel scrollen nach oben

RouterModule.forRoot(appRoutes, { scrollPositionRestoration: 'enabled' })
TheGuyOnTheCorner

Scrollen Sie zum 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)
    
}
}
Grieving Gharial

Scrollen Sie zum Top, wenn Sie Angular routet

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

Ähnliche Antworten wie “Scrollen Sie zum Top, wenn Sie Angular routet”

Fragen ähnlich wie “Scrollen Sie zum Top, wenn Sie Angular routet”

Weitere verwandte Antworten zu “Scrollen Sie zum Top, wenn Sie Angular routet” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen