版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_31851435/article/details/89211575
由于Angular是单页面应用,所以在路由切换后页面的位置并不会像多页面那样重新刷新页面,滚动条置顶,为了解决这个问题,可以监听路由事件,在里面做滚动条置顶操作。
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
declare var $: any;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
constructor(public router: Router) {
}
ngOnInit() {
this.router.events
.subscribe((event) => {
$(window).scrollTop(0);
});
}
}