有時候我們在做動態增長的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);