使 div 内容在父级内部上升答案

【问题标题】：Make div content go up inside parent使 div 内容在父级内部上升
【发布时间】：2012-02-09 12:51:51
【问题描述】：

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

这是一个标记示例：

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

【问题讨论】：

【解决方案1】：

首先，您需要在容器 div (chat-messages) 上放置一个固定高度 (height: 400px) 并为垂直内容放置一个滚动条 (overflow-y:scroll) 以使滚动条出现。

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

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

或者为滚动设置动画：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

但我认为你需要做一些背景阅读。 Check this out.

【讨论】：