新增加的內容是如何將div的scrollbar自動移動最下面
更新時間：2014年01月02日 16:50:21 投稿：whsnow
在做動態(tài)增長的div時,一般都是將內容append到div的最下面,但這會帶來一個問題,那就是新增加的內容會被遮在最下面,具體實現(xiàn)如下,感興趣的朋友可以參考下
有時候我們在做動態(tài)增長的div時，一般都是將內容append到div的最下面，但這會帶來一個問題，那就是新增加的內容會被遮在最下面，比如這樣
如何才能讓scrollbar自動移動最下面呢，這就需要js的幫助了，假設div的id為myDiv，那么使用原生的js實現(xiàn)如下:
復制代碼 代碼如下:
var myDiv = document.getElementById('myDiv');
myDiv.scrollTop = myDiv.scrollHeight;
如果使用jquery的話，也很簡單
復制代碼 代碼如下:
var $div = $('#myDiv');
$div.scrollTop($div[0].scrollHeight);
相關文章
JavaScript的removeChild()函數(shù)用法詳解
removechild 函數(shù)可以刪除父元素的指定子元素，通過本文給大家介紹javascript的removeChild()函數(shù)用法，對js removechild函數(shù)相關知識感興趣的朋友一起學習吧2015-12-12
Bootstrap基本組件學習筆記之input輸入框組(9)
這篇文章主要為大家詳細介紹了Bootstrap基本組件學習筆記之input輸入框組,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
Javascript引用指針使用介紹，需要的朋友可以參考下2012-11-11
JS中通過slice()&substring()截取字符串前幾位的方法
在Javascript使用字符串中,我們不一定需要全部的字符串,這時就需要截取字符串,本文主要介紹js中截取字符串前幾位的兩種方法：1、使用slice() 方法；2、使用substring() 方法,本文通過示例代碼介紹的非常詳細,需要的朋友參考下吧2023-12-12
uniapp中使用render.js進行openlayers、arcgis等地圖操作實戰(zhàn)指南
renderjs是一個運行在視圖層的js,它比WXS更加強大,它只支持app-vue和h5,下面這篇文章主要給大家介紹了關于uniapp中使用render.js進行openlayers、arcgis等地圖操作的相關資料,需要的朋友可以參考下2024-01-01
為了滿足用戶的方便，提供良好的自動提示功能就成為定級公司努力方向。廢話少說，看例子2012-01-01
這篇文章主要介紹了PHP實現(xiàn)的各種中文編碼轉換類分享,本文類庫支持簡體中文、繁體中文、GB2312、BIG5、UTF-8等多種格式之間的轉換,需要的朋友可以參考下2015-01-01
遇到需要對數(shù)據(jù)及表單驗證的，我相信大家都像我一樣，喜歡在網上找相關的方法，因為自己寫的話，是比較耗時的。今天就給大家分享一下，自己在工作中總結的一些常用的js。2016-08-08
JS實現(xiàn)的用來對比兩個用指定分隔符分割的字符串是否相同
這篇文章主要介紹了JS實現(xiàn)的用來對比兩個用指定分隔符分割的字符串是否相同,本文代碼為特殊需要而寫,需要的朋友可以參考下2014-09-09
交叉觀察器?IntersectionObserver用法詳解
這篇文章主要為大家介紹了交叉觀察器?IntersectionObserver用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10