在我的Angular 2应用程序中,当我向下滚动一个页面并点击页面底部的链接,它会改变路线,并带我到下一页,但不滚动到页面的顶部。结果,如果第一页是冗长的,第二页的内容很少,则给人的印象是第二页缺少内容。由于内容只有在用户滚动到页面顶部时才可见。
您可以在主要组件上注册一个路由更改侦听器,并滚动到路由更改的顶部。
原文链接:https://www.f2er.com/angularjs/144758.htmlimport { 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) }); } }