javascript - 页面加载时如何从底部显示消息

Question

在我的 Ionic 3 应用程序中，聊天消息是从上到下列出的，底部的消息是最新的。我在页面上显示所有消息，并希望页面在打开时位于底部。

我现在使用该scrollToBottom方法来执行此操作，但是我可以看到该过程是页面从顶部开始并滚动到底部。它不是很整洁。有没有办法在打开页面时从底部显示页面？

HTML 文件：

<ion-content (ionScroll)="scrolling($event)" (ionScrollEnd)="scrollComplete($event)">
  <div class="message-wrap">
    <div *ngFor="let msg of msgList;>
       msg.content
    </div>
  </div>

.ts 文件：

ionViewDidEnter() {
   this.scrollToBottom();
}

scrollToBottom() {
  if (this.content.scrollToBottom) {
    this.content.scrollToBottom().then(()=>{
      this.loading.dismiss()
    });
  }
}

标签： javascripthtmlionic3