每次刷新时滚动到div的底部

Question

目前，我有一个div，每8秒刷新一次。 这个div基本上会加载一个php页面。 但是，我面临滚动到此页面底部的问题。 这是刷新和滚动到div底部的代码：

 <script>
    var refreshId = setInterval(function()
    {            
         $('#responsecontainer').fadeOut("slow").load('forum.php').fadeIn("slow");

         $('#chat').attr({ scrollTop: $('#chat').attr("scrollHeight") });
    }, 8000);

    </script>

div容器代码如下：

<div style="width: 100%; height: 300px; overflow: scroll; border: 5px ; background-color:#ccc ;" id="responsecontainer" name="chat">

            Loading..

 </div>

请提供有关刷新后如何进入div底部的建议。 谢谢

Answer 1

加载文档时应调用脚本。 然后，在加载后会使用fadeOut和fadeIn动画，因此它将重置滚动位置。 下面的脚本可以使用，但最终没有这些动画。

加载方法是XHR调用，它返回响应状态，通过该状态我们可以控制显示的数据。

$(document).ready(function() {
var refreshId = setInterval(function() {            
    $('#responsecontainer').load('forum.php', function(response, status, xhr) {
        if (status == "error") {
            var msg = "Sorry but there was an error: ";
            $("#error").html(msg + xhr.status + " " + xhr.statusText);
        }
        else{
            $('#responsecontainer').scrollTop($('#responsecontainer').height());        
        }
    });
}, 8000);
});