콘텐츠가 div에 추가 될 때 어떻게 자동 스크롤 할 수 있습니까?

Question

일부 JavaScript 함수가 시간이 지남에 따라 텍스트를 배치 할 고정 된 차원의 div가 있습니다. 텍스트의 양이 상자의 높이를 초과하면 오버플로 : 스크롤 덕분에 스크롤바가 나타납니다.

새로운 문제는 더 많은 콘텐츠가 표시 될 때 div에 대한보기가 같은 위치에 유지된다는 것입니다. 내가 말하고자하는 것은 수동으로 아래로 스크롤하지 않으면 아래쪽에 더 많은 콘텐츠가 표시 될 때마다 스크롤 된 상태로 유지된다는 것입니다. 새로운 콘텐츠가 표시 될 때 자동으로 하단으로 스크롤되도록하여 사용자가 가장 오래된 것 대신에 가장 최근에 등장한 것을 자연스럽게 볼 수있게하려고합니다.

아이디어가 있으십니까?

Answer 1

각 텍스트 첨가 한 후 scrollTop 방법을 사용할 수 있습니다 :

$("div").scrollTop($("div").children().height()); 

를 사용하여 내부 블록을 실제 높이를 얻을 수 있습니다.

DEMO는 :http://jsfiddle.net/eyY5k/1/

Answer 2

나는 나의 필요를 위해 일을이 방법을 발견

var realHeight = $("#history")[0].scrollHeight; 
$("#history").scrollTop(realHeight); 

이이 jQuery를 사용주의 마십시오.