div의 콘텐츠 맨 아래로 스크롤

Question

div가 채팅 창입니다. 사람들이 메시지를 보내고 내용의 끝에 추가되면 내용을 맨 아래로 스크롤해야합니다 (최신 채팅 메시지가 표시됨).

<div id="chat"> 

</div><!--chat end--> 

Answer 1

CSS 값 scrollTop에 컨테이너의 내용 높이 (또는 scrollHeight)를 적용 할 수 있습니다. 여기

은 예제 코드와 나는이 바이올린에 사용했습니다 : http://jsfiddle.net/aHx2Z/

// get the new height of the chat window 
var height = $('#chat_window')[0].scrollHeight; 
$('#chat_window').animate({scrollTop:height}, 1000); // you could use .css() instead if you don't want it to animate 

Answer 2

jQuery.scrollTop()을 사용할 수 있습니다.

http://api.jquery.com/scrollTop/

는 도움이되기를 바랍니다.