html - 将滚动条保持在 div 的底部，包括 v-for？

Question

我正在构建一个聊天应用程序。在聊天窗口中，聊天从上到下进行，旧消息出现在顶部。当消息通过 div max-height 时有一个滚动条。

消息是使用 Vue v-for 加载的。当用户发送/接收消息时，使其滚动到聊天底部的最佳方法是什么？

标签： htmlcssvue.js