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

Question

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

当我添加新消息时，它不会触发滚动，但在添加第二条消息后，它会滚动到第一条消息。所以看起来我需要延迟什么的。

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


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

我为此创建了一个 Stackblitz：StackBlitz

Answer 1

用setTimeout包裹它：

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