angular页面切换滚动恢复顶部问题

在页面切换时,浏览器会记住上一个页面的滚动位置。

两种解决办法:

  1. 在页面切换前,将滚动位置恢复到顶部。
import { Router, NavigationStart } from '@angular/router';// 组件中:
constructor(private router: Router) {}
this.router.events.subscribe((event) => {if (event instanceof NavigationStart) {window.scrollTo(0, 0);}
});
  1. 在目标页面初始化时,将滚动位置恢复到顶部。
// 目标页:
ngOnInit() {window.scrollTo(0, 0);
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部