Angular 9 每次更改路线时滚动到顶部

Question

我正在做一个项目，其中有很多路线，每次我点击 link 转到特定路线时，页面不会自动滚动到顶部，这很烦人不好。请问有人知道如何解决这个问题吗？

Answer 1

在额外选项中的路由模块添加如下配置：

const routes: Routes = [ ... ];

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

为了您的兴趣，选项 scrollPositionRestoration 可以是 top（在每次导航更改时转到顶部）或 enabled（类似于顶部，但向后时它会恢复最后一个位置）。

更多信息：https://angular.io/api/router/ExtraOptions

Angular 9 每次更改路线时滚动到顶部

Angular 9 scroll to top on route every change

javascript

angular9