Angular 6，滚动到顶部

Question

我在我的 Angular 6 应用程序中遇到了一个问题。附加路线后，滚动条不会改变其位置。我希望它在附加路由时滚动到页面顶部。 http://localhost:4200/#/pending-transfer 是初始路线。用户单击页面中的按钮后，路由将附加到 http://localhost:4200/#/pending-transfer/2595/62 。我尝试在 window.scrollTo(0,0) ngOnInit() ，但这没有用。

原文由 Ramya 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您使用的是 Angular v6 或更高版本，您可以简单地在路由配置的额外选项中设置此选项，如下所示 -

 @NgModule({
  imports: [
      RouterModule.forRoot(routes, {
         scrollPositionRestoration: 'top'
      })
  ]
})
export class AppRoutingModule {}

这将始终在导航时将滚动位置设置为顶部。

有关详细信息，请参见此处 -

• 深入了解 Angular 路由——滚动到顶部、调试等等

原文由 Pardeep Jain 发布，翻译遵循 CC BY-SA 4.0 许可协议