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