新增加的內(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ì)帶來(lái)一個(gè)問(wèn)題,那就是新增加的內(nèi)容會(huì)被遮在最下面,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下
有時(shí)候我們?cè)谧鰟?dòng)態(tài)增長(zhǎng)的div時(shí)，一般都是將內(nèi)容append到div的最下面，但這會(huì)帶來(lái)一個(gè)問(wèn)題，那就是新增加的內(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實(shí)現(xiàn)前端實(shí)時(shí)搜索功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)前端實(shí)時(shí)搜索功能 ，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
使用純前端JavaScript實(shí)現(xiàn)Excel導(dǎo)入導(dǎo)出方法過(guò)程詳解
這篇文章主要介紹了使用純前端JavaScript實(shí)現(xiàn)Excel導(dǎo)入導(dǎo)出方法過(guò)程詳解，文章通過(guò)示例代碼和圖文解析介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)上的浮動(dòng)廣告的簡(jiǎn)單方法
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)上的浮動(dòng)廣告的簡(jiǎn)單方法，需要的朋友可以參考一下2013-06-06
Bootstrap FileInput實(shí)現(xiàn)圖片上傳功能
這篇文章主要為大家詳細(xì)介紹了Bootstrap FileInput實(shí)現(xiàn)圖片上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
JS this作用域以及GET傳輸值過(guò)長(zhǎng)的問(wèn)題解決方法
專IE7瀏覽器，IE URL參數(shù)過(guò)長(zhǎng)問(wèn)題，引發(fā)HTTP Status 122報(bào)錯(cuò)；this作用域問(wèn)題，對(duì)應(yīng)的解決方法如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
Three.js實(shí)現(xiàn)臉書(shū)元宇宙3D動(dòng)態(tài)Logo效果
本文主要講述通過(guò) Three.js + Blender 技術(shù)棧，實(shí)現(xiàn) Meta 公司炫酷的 3D 動(dòng)態(tài) Logo，內(nèi)容包括基礎(chǔ)模型圓環(huán)、環(huán)面扭結(jié)、管道及模型生成、模型加載、添加動(dòng)畫(huà)、添加點(diǎn)擊事件、更換材質(zhì)等2021-11-11
bootstrap table實(shí)現(xiàn)點(diǎn)擊翻頁(yè)功能 可記錄上下頁(yè)選中的行
這篇文章主要介紹了bootstrap table實(shí)現(xiàn)點(diǎn)擊翻頁(yè)功能，可記錄上下頁(yè)選中的行，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
大體的意思就是想寫(xiě)一些js,使得網(wǎng)頁(yè)上能玩多個(gè)游戲。譬如：貪吃蛇、俄羅斯方塊、推箱子、坦克等等。2009-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片3D輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09