Angular routerLink scroll to top

angular router scroll to top of page on routerLink click code example

Example 1: scroll to top angular

//inside the app.component.html add [activate]: //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] } }

Example 2: scroll to top when routing angular

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component[{ selector: 'my-app', template: '', }] export class MyAppComponent implements OnInit { constructor[private router: Router] { } ngOnInit[] { this.router.events.subscribe[[evt] => { if [![evt instanceof NavigationEnd]] { return; } window.scrollTo[0, 0] }]; } }

Video liên quan

Chủ Đề