即使在刷新后锁定聊天框底部的滚动条

Question

嘿，我在我的网站有一个聊天框，我需要始终在底部锁定滚动条，这样新的消息总是在用户....我已经试过像

<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> 

代码工作，但每当它再次刷新滚动上升....

Answer 1

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

Answer 2

这个怎么样1： -

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