将div滚动条(scrollbar)保持在最底部的方法
在做動態增長的div時,一般都是將內容append到div的最下面,但這會帶來一個問題,那就是新增加的內容會被遮在最下面,這樣做在線聊天或是信息交互時,很不美觀,也不利于信息閱讀。如下圖所示。

如何實現呢?在頁面上新增如下代碼,然后觸發事件執行以下代碼就可以。
<script type="text/javascript">
function scrolltest() {
var div = document.getElementById("要實現scoll的div Id");
div.scrollTop = div.scrollHeight;
}
</script>