javascript - 即使刷新后也将滚动条锁定在div底部的聊天框

嘿，我的网站上有一个聊天框，我需要始终将滚动条锁定在底部，以便新消息始终在用户面前....

  <div id="mainchatdiv"
 style="overflow-y:scroll; width:100%;height:247px;background-color:#FAF4ED;">

...........messagea are here...


   </div>

<script>
    var auto_refresh = setInterval(
        function () {
            $('#mainchatdiv').load('home.php #mainchatdiv').fadeIn("slow");
        }, 5000);
    $("#mainchatdiv").scrollTop($("#mainchatdiv")[0].scrollHeight);
</script>

该代码正在运行，但是每刷新一次，滚动条就会再次上升。

最佳答案

怎么样1：-

var auto_refresh = setInterval(
        function () {
            $('#mainchatdiv').load('home.php #mainchatdiv').fadeIn("slow");
            $("#mainchatdiv").scrollTop($("#mainchatdiv")[0].scrollHeight);
        }, 5000);
    $("#mainchatdiv").scrollTop($("#mainchatdiv")[0].scrollHeight);

关于javascript - 即使刷新后也将滚动条锁定在div底部的聊天框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20716142/