Javascript 使div内容在父级内部上升

我需要制作一个特定的div内容来模拟一个滚动，当添加新数据时，有点像facebook聊天。我该怎么办？我正在使用jQuery

下面是一个标记示例：

<div id="chat-messages">
   <div class="msg">John Doe says : Hi!</div>
</div>

无名氏说：嗨！

找到的解决方案与您描述的类似：

• 使用jQuery AJAX滚动时从服务器加载数据：

这里还有其他一些解决方案：

---

这将在div的底部添加新内容。我想这就是您想要的

$('#chat-messages').append(newdiv);

---

但是我认为你需要做一些背景知识的阅读

首先，您需要在container div（聊天信息）上放置一个固定高度（

height:400px

），并为垂直内容放置一个滚动条（

overflow-y:scroll

），以显示滚动条

接下来，当发布新消息时，需要使用javascript向下滚动。 例如：

$(".chat-messages").attr({ scrollTop: $(".chat-messages").attr("scrollHeight") });

或设置滚动条的动画：

$(".chat-messages").animate({ scrollTop: $("chat-messages").attr("scrollHeight") }, 1000);

---

@我不知道这件事。谢谢你的指点。我会更新我的答案。