将div滚动条(scrollbar)保持在最底部的方法

在做动态增长的div时，一般都是将内容append到div的最下面，但这会带来一个问题，那就是新增加的内容会被遮在最下面，这样做在线聊天或是信息交互时，很不美观，也不利于信息阅读。如下图所示。

如何实现呢？在页面上新增如下代码，然后触发事件执行以下代码就可以。

<script type="text/javascript">

   function scrolltest() {
        var div = document.getElementById("要实现scoll的div Id");
        div.scrollTop = div.scrollHeight;
    }
</script>