當咱們在第一個路由滑動到底部當咱們點擊導航跳轉到另外一個路由時頁面沒有回到頂部而是保持上一個路由的滾動位置,基本的解決辦法有兩種。angular2
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) }); } }
scrollPositionRestoration
參數(angular6以後)。RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})