Angular 6，滚动到顶部

Question

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

Answer 1

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

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

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

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

• 深入研究 Angular Routing?-?Scrolling to top, Debugging 等等