有没有一种方法可以自动进入虚拟滚动的底部？

Question

我有一个具有<cdk-virtual-scroll-viewport>的组件，但现在我希望它从底部开始。

当我刷新页面时，它应该自动转到底部而不是顶部

这是我想要做的：

组件：

@ViewChild(CdkVirtualScrollViewport, { static: false }) viewport: CdkVirtualScrollViewport;

ngOnInit() {
  this.viewport.scrollTo({ bottom: 0 ]);
}

HTML：

<cdk-virtual-scroll-viewport itemSize="20">
  <div
    *cdkVirtualFor="let message of (chatRoomMessages$ | async)"
  >
    <div class="message">{{message}}</div>
  </div>
</cdk-virtual-scroll-viewport>

CSS：

cdk-virtual-scroll-viewport {
  width: 100%;
  height: 100vh;

  .message + .message {
    margin-top: 10px;
  }
}