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