使用CdkScrollable在angular material2中向上滚动NavigationEnd

时间:2017-12-12 10:59:46

标签: angular scroll angular-material2

我想在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?

1 个答案:

答案 0 :(得分:1)

在组件中 @ViewChildren(CdkScrollable) cdkScrollable;

在功能scrollToEnd中 this.cdkScrollable.first.scrollTo({bottom: 0});