angular页面切换滚动恢复顶部问题
在页面切换时,浏览器会记住上一个页面的滚动位置。
两种解决办法:
- 在页面切换前,将滚动位置恢复到顶部。
import { Router, NavigationStart } from '@angular/router';// 组件中:
constructor(private router: Router) {}
this.router.events.subscribe((event) => {if (event instanceof NavigationStart) {window.scrollTo(0, 0);}
});
- 在目标页面初始化时,将滚动位置恢复到顶部。
// 目标页:
ngOnInit() {window.scrollTo(0, 0);
}
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
