php - 自动刷新 div 内容并立即向下滚动？

Question

问题是，我可以两者都做，但我不能让它们一个接一个地立即工作，它在第一个时钟中执行第一个，在第二个时钟中执行第二个。我也尝试过在另一个内部使用 1 个 div，但它是一样的。这是代码:

脚本:

$(document).ready(function() {          

        $("#chatRoomSub").load("chatUpdate.php");
        refreshId = setInterval(function() {
            $("#chatRoomSub").load('chatUpdate.php');
            var object = document.getElementById('chatRoom');
            object.scrollTop = object.scrollHeight;             
        }, 5000);

        $.ajaxSetup({ cache: false });      

    });

正文:

<div class='chatRoom' id="chatRoom">
    <div class='chatRoomSub' id="chatRoomSub">
    ainda nada foi escrito...
    </div>
</div>

Answer 1

您需要在执行滚动的 .load() 上使用回调函数。

$("#chatRoomSub").load("chatUpdate.php", function() {
  // scroll down
});

这样，滚动将在内容加载后立即发生。