자동 스크롤 chatbox

Question

나는 3 초마다 chatbox를 업데이트하고 overflow div (chatbody)를 가진다. 내가 evry 반복이 함수 스크롤 div 하단 싶지 않아?

내 코드

function chat() 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("chatbody").innerHTML=xmlhttp.responseText; 
I THINK CODE MUST BE HERE 
    } 
    } 
    xmlhttp.open("GET","func/chat.php?tnow=" + (new Date()).getTime(),true); 
xmlhttp.send(); 
} 
setInterval("chat()",3000); 

Answer 1

function chat() 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("chatbody").innerHTML=xmlhttp.responseText; 
    document.getElementById("chatbody").scrollTop = document.getElementById("chatbody").scrollHeight; //This scrolls the chatbox to the bottom/last 
    } 
    } 
    xmlhttp.open("GET","func/chat.php?tnow=" + (new Date()).getTime(),true); 
xmlhttp.send(); 
} 
setInterval("chat()",3000); 

희망이 도움이!