如何将滚动条滚动到底部？

Question

我在将滚动条滚动到底部时遇到问题。在ngAfterViewInit上，它可以正确加载。

当我添加新消息时，它不会触发滚动，但是在添加第二条消息后，它将滚动到第一条消息。所以看起来我需要延迟或其他时间。

@ViewChild(PerfectScrollbarComponent, {static: true}) scrollbar?: PerfectScrollbarComponent;


scrollToBottom(): void {
    this.scrollbar.directiveRef.scrollToBottom(0, 200);
 }

我为此创建了一个Stackblitz：StackBlitz

Answer 1

用setTimeout换行：

setTimeout(() => {
  this.scrollToBottom();
});