[jquery] append된 요소의 스크롤을 최하단으로 두기

 

단순하게 스크롤을 하단으로 두는 것은 문제없지만, 부모에 아무것도 없다가 append로 자식이 생겨 스크롤이 늘어나는 상황이라면, scrollTop()이나 getBoundingClientRect()등을 써도 자꾸 아무것도 없던 기본 height만 알려줘서 굉장히 난감할때가 있음.

 

1. 외쳐 제이쿼리

$(".parent").animate({ scrollTop: $(".parent").prop("scrollHeight") }, 500);

제이쿼리도 같이 쓰고 있어서 양쪽으로 찾아보다가 드디어 발견함.