聊天滚动条

Question

我正在使用我的聊天框，当新帖子添加到底部时，我怎样才能让滚动条跟随底部的新数据添加，或者留在原地如果说你在中间重读有点像大多数irc客户吗？

Answer 1

让它滚动到它的滚动高度：

var el = document.getElementById("theDiv");
el.scrollTop = el.scrollHeight;

Answer 2

当收到新消息时，首先检查当前滚动位置是否等于scrollHeight（或者可能在scrollHeight的一小部分内，对于用户尚未完全滚动到底部但这是不可察觉的情况）

如果是，则只需添加消息并设置scrollTop = scrollHeight;

如果没有，请不要管它。

Answer 3

您可以修改元素的scrollTop属性。每当你想把它设置到底部时，你可以将它设置为一个大数字（一个不可能小于高度的数字）：

element.scrollTop = 100000;