Angular - 无法使用 "scrollPositionRestoration"

Question

我目前使用的是 Angular 6.1.5。当网站被路由到不同的页面时，我希望页面滚动回到顶部。我尝试使用 { scrollPositionRestoration: 'top' } 但它不起作用。

这是我在 app.routing.ts 中的代码。

export const routing = RouterModule.forRoot(appRoutes, { scrollPositionRestoration: 'top' });

有替代方案吗？我尝试从“top”更改为“enabled”，但效果不佳。我还尝试了 window.scrollTo(0,0); 并将其放在 ngOnInit() 中，但这也不起作用。

Answer 1

在我的例子中没有用，因为我的 CSS 上有这个。

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

我改成了

scroll-behavior: auto;

然后它开始工作