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