“Desplácese hasta la parte superior al enrutar Angular” Código de respuesta

Desplázate angular hasta la parte superior

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

Ruta angular cambia de desplazamiento hasta arriba

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

Desplácese hasta arriba 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

Desplácese hasta la parte superior al enrutar 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)
        });
    }
}
sachin_duhan

Respuestas similares a “Desplácese hasta la parte superior al enrutar Angular”

Preguntas similares a “Desplácese hasta la parte superior al enrutar Angular”

Más respuestas relacionadas con “Desplácese hasta la parte superior al enrutar Angular” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código