jquery - 如何给 css 自动对齐聊天消息？

Question

我计划在我的网站上实现聊天功能。

我在这里进行简单搜索 live-chat .它只是 css 和 html。

然后我放入了我的网页。 (见图)

现在它是实时的，但如果我想添加新的聊天，那么该怎么办..现在它落后于第一个。在这里帮助我

<div>
  <div class="live-chat"></div>
  <div class="live-chat"></div>
</div>

更新:

Answer 1

我认为你可以做两件事:

1. 使用scrollTop() 方法滚动到底部。
2. 或者不附加消息，而是将它们添加到前面以查看最新消息。