javascript - 不影响滚动的自动刷新

Question

我有一个自动聊天部分，我必须将聊天的滚动条放到底部。像这样：

function chatuser(user1) {
    $("#currentuser").load('chatcontent.php', {
        current: user1
    }, function afterchatuser() {
        $("#currentcontent").attr({
            scrollTop: $("#currentcontent").attr("scrollHeight")
        });
    });
}

<div id="currentuser"></div>

对于自动更新，我会自动刷新该功能。像这样：

var auto_refresh = setInterval(function chatauto() {
    chatuser(user1);
}, 2000);​

但是每次它刷新滚动条所在的位置时，它都会到达底部。就像用户滚动到顶部一样，刷新后它会自动将滚动条移到底部。我想停止这种情况，但它也应该及时刷新。请帮我。

Answer 1

您基本上需要的是通过新内容高度差的值更改（增加）消息容器的滚动顶部。看看这个演示它应该会给你一些想法。

$('div').scrollTop(function() {
    return scroll + $(text).appendTo($(this)).height();        
});

此处scroll是添加新内容之前的旧 scrollTop 值。