首頁 >web前端 >js教程 >新增加的內容是如何將div的scrollbar自動移動最下面_javascript技巧

新增加的內容是如何將div的scrollbar自動移動最下面_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 17:05:421298瀏覽

有時候我們在做動態成長的div時,一般都是將內容append到div的最下面,但這會帶來一個比較蛋疼的問題,那就是新增加的內容會被遮在最下面,比如這樣
新增加的內容是如何將div的scrollbar自動移動最下面_javascript技巧
如何才能讓scrollbar自動移動最下面呢,這就需要js的幫助了,假設div的id為myDiv,那麼使用原生的js實現如下:

複製程式碼 程式碼如下:

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

如果使用jquery的話,也很簡單
複製程式碼



複製程式碼
複製程式碼複製程式碼複製程式碼複製碼🎜>var $div = $('#myDiv');  $div.scrollTop($div[0].scrollHeight);
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn