새로 추가된 내용은 div의 스크롤바를 Bottom_javascript 스킬에 자동으로 이동시키는 방법입니다.

동적으로 성장하는 div를 만들 때 보통 div의 하단에 내용을 추가하는 경우가 있는데, 이렇게 하면 새로 추가된 내용이 이렇게 하단에 숨겨지는 다소 골치 아픈 문제가 발생합니다

스크롤바를 자동으로 아래쪽으로 이동시키려면 js의 도움이 필요합니다. div의 ID가 myDiv라고 가정하고 기본 js를 사용하여 다음을 구현합니다.

코드 복사 코드는 다음과 같습니다.

var myDiv = document.getElementById('myDiv')
myDiv .scrollTop = myDiv .scrollHeight;

jquery를 사용하면 역시 매우 간단합니다

코드 복사 코드는 다음과 같습니다.

var $div = $('#myDiv')
$div.scrollTop($div[0].scrollHeight)