即使在刷新後鎖定聊天框底部的滾動條

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