聊天并在底部设置滚动条，并添加新消息。

Question

您好，我正在一个有聊天框的 社交网站上工作。 聊天框中的所有内容都运行正常，除了我必须每5秒钟重新加载div以获取新消息，这给我造成了一些问题，例如同一数据库查询每5秒钟就会一次又一次地运行。 每次重新加载聊天框时，滚动条也会显示在顶部，我无法将其设置为每5秒滚动到底部，因为可能有人正在阅读邮件，而他又不想一次又一次地滚动回该框。 简而言之，我想问的是，还有什么其他方法可以在聊天框中获取新消息。 如果这是唯一的方法，请问我，如果滚动条从div底部滚动到底部大于10像素，并附加新消息，则仅添加新消息，请告诉我如何为该逻辑编码。

这是我的代码：

 var autoload1 = setInterval(
    function showthemess1()
    {
    $.ajax({
        type: 'POST',
        url: 'chitchatback2.php', 
        data: {'chattingwith':"<?=$nameIS2['id']?>"},
        success: function(chats){
        $("#chatboxdiv").empty().append(chats);
        } });
    }, 5000);

对于使滚动条下降到底部，我可以喜欢

   $(".bechmsgbox").animate({
scrollTop: $("#chatboxdiv")[0].scrollHeight
},'slow');

Answer 1

我的建议是在这种情况下使用套接字 。
也尝试这个例子

Answer 2

我建议您探索诸如推杆之类的服务，以便您不必继续拉动。 http://pusher.com/

Answer 3

您应该将最新请求的帖子ID存储在变量中，仅请求新帖子，然后附加这些帖子。