將div的scrollbar 自動移動最下面

有時候我們在做動態增長的div時，一般都是將內容append到div的最下面，但這會帶來一個比較蛋疼的問題，那就是新增加的內容會被遮在最下面，比如這樣

如何才能讓scrollbar自動移動最下面呢，這就需要js的幫助了，假設div的id爲myDiv，那麼使用原生的js實現如下:

var myDiv = document.getElementById('myDiv');
myDiv.scrollTop = myDiv.scrollHeight;

如果使用jquery的話，也很簡單

var $div = $('#myDiv');
$div.scrollTop($div[0].scrollHeight);