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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 17:05:42
原創
1316 人瀏覽過

有時候我們在做動態成長的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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板