Jquery 自动滚动div

我有一个

div

，其中包含一个聊天框。每当一条新消息到达时，它就会被附加到框中——我想自动将框滚动到底部（以显示新消息）。我怎样才能做到这一点

<div  id="chatting" style="overflow: auto; background-color: #fff; border: solid 2px #dedede; width: 600px;  height: 500px; padding: 10px;">
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
  hello<br/>
</div>

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

你好

您可以通过设置聊天窗口

div

的

scrollTop

属性来实现这一点。要滚动到div的底部，请将

scrollTop

设置为等于

scrollHeight

：

var chatWindow = document.getElementById('chating');
chatWindow.scrollTop = chatWindow.scrollHeight;​

或者，使用jQuery：

var chatWindow = $("#chating");
chatWindow.scrollTop(chatWindow[0].scrollHeight);

---

每次将聊天信息添加到div中时，您都需要调用此函数。

您可以通过设置聊天窗口

div

的

scrollTop

属性来完成此操作。要滚动到div的底部，请将

scrollTop

设置为等于

scrollHeight

：

var chatWindow = document.getElementById('chating');
chatWindow.scrollTop = chatWindow.scrollHeight;​

或者，使用jQuery：

var chatWindow = $("#chating");
chatWindow.scrollTop(chatWindow[0].scrollHeight);

---

每次聊天信息添加到div中时，您都会希望调用此选项。

可能重复的我不确定是否理解此问题。你想在页面加载时将其滚动到底部吗？可能是重复的。我不确定我是否理解这个问题。是否希望在加载页面时将其滚动到底部？