javascript - Angular 6，滚动到顶部

Question

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

标签： javascriptangulartypescriptangular6scrollto

Answer 1

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

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

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

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

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