AJAX聊天，自动滚动窗口

Question

复制

  

Scrolling Overflowed DIVs with JavaScript

---

我有一个AJAX聊天，它将消息输出到带溢出的div：auto，所以如果它太长，滚动条会出现。是否有一种方法可以在添加新消息时自动滚动到底部？最好使用jQuery？

Answer 1

可以使用以下行

完成

$("#youChatDiv").attr({ scrollTop: $("#youChatDiv").attr("scrollHeight") });

这样做是将滚动设置为自己元素的高度

只需用每条新消息调用它：）

欢呼声

Answer 2

属性scrollHeight是理想的，但它不是W3C的一部分。

如需进一步了解，请访问：

http://yelotofu.com/2008/10/jquery-how-to-tell-if-youre-scroll-to-bottom/

Answer 3

如果每条消息都在一个单独的元素（div，段落等）中，您只需拨打scrollIntoView

Answer 4

这个Jquery插件可以帮到你。

Jquery ScrollTo plugin demo page