jQuery 动态添加div内容 自动滚动到末梢

<div id="aaa" style="overflow: auto;height:50px;width:200px">
</div>

<script type="text/javascript">
		$(function(){
			var initOffset = 0;
			$("#append").click(function(){
				var id = new Date().getMinutes()+'-'+new Date().getSeconds()+'-'+new Date().getMilliseconds();
				$("#aaa").append("<div id='"+id+"'>bbb"+id+"<br>")
				$("#aaa").animate({scrollTop:$("#aaa")[0].scrollHeight},'1000');
			});
		})
	</script>