angular - 使用 CdkScrollable 在 Angular Material 2 中的 NavigationEnd 上向上滚动

Question

我想滚动到 NavigationEnd 的顶部。

以前我是这样的:

  this.router.events
  .pipe(filter(event => event instanceof NavigationEnd))
  .subscribe((event) => {
    // scroll to top on navigation
    window.scrollTo(0, 0)
  });

这奏效了，但现在我们更改了 html/css 布局，因此我们想依赖 CdkScrollable 指令，但我无法获得 elementRef？

Answer 1

在组件中@ViewChildren(CdkScrollable) cdkScrollable;
在函数 scrollToEnd 中this.cdkScrollable.first.scrollTo({bottom: 0});