jQuery로 웹 채팅하기

Question

jQuery로 브라우저 기반 채팅 시스템을 구현하려고합니다. 새 메시지를 서버에서 폴링하고 div의 맨 아래에 추가하려고합니다. 나는 두 가지 문제가있다.

는

나는 그것이 내가 텍스트가 여기에

을 추가됩니다으로 아래로 스크롤 사업부를 유지하는 방법을 모르는 DIV

에 텍스트를 추가 할 얻을 수는 관련 클립

있어 내 HTML의 :

<div id="main"> 
<form action='post.php' method='post'> 
    <div id='messages'>stuff</div><br /> 
    <input type='text' name='usertext' /> 
</form> 
</div> 

Answer 1

여기에 무엇이 누락되어 있는지 잘 모르겠습니다. 그리고 코드 아래 scroll to the bottom of a div

Answer 2

를 사용하여 자동으로 scrollto하는 방법

$(selector).append('<div class="message">sometext</div>'); 

: 당신 제공된 코드만을 기준으로

var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20; 
//chatbox is the id of div 
var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20; 
if(newscrollHeight > oldscrollHeight) 
{ 
    $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); 
}