使用CdkScrollable在angular material2中向上滚动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});