<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>