用js控件div的滾動(dòng)條,讓它在內(nèi)容更新時(shí)自動(dòng)滾到底部的實(shí)現(xiàn)方法
更新時(shí)間：2016年10月27日 09:18:25 投稿：jingxian
下面小編就為大家?guī)?lái)一篇用js控件div的滾動(dòng)條,讓它在內(nèi)容更新時(shí)自動(dòng)滾到底部的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
如下所示：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/javascript">
function add()
{
var now = new Date();
var div = document.getElementById('scrolldIV');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br />';
div.scrollTop = div.scrollHeight;
}
</script>
<div id="scrolldIV" style="overflow:auto; height: 100px; width: 400px; border: 1px solid #999;">
</div>
<input type="button" value="插入一行" onclick="add();">
用js控件div的滾動(dòng)條，讓它在內(nèi)容更新時(shí)自動(dòng)滾到底部</body>
</html>
以上就是小編為大家?guī)?lái)的用js控件div的滾動(dòng)條,讓它在內(nèi)容更新時(shí)自動(dòng)滾到底部的實(shí)現(xiàn)方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~
您可能感興趣的文章:
相關(guān)文章
淺談js在html中的加載執(zhí)行順序,多個(gè)jquery ready執(zhí)行順序
下面小編就為大家?guī)?lái)一篇淺談js在html中的加載執(zhí)行順序,多個(gè)jquery ready執(zhí)行順序。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-11-11
用javascript實(shí)現(xiàn)jquery的document.ready功能的實(shí)現(xiàn)代碼
實(shí)現(xiàn)jQuery的document.ready功能js代碼2009-11-11
不錯(cuò)的獲取div高度的代碼，主要是方便測(cè)試一些信息，用到了javascript的offsetHeight屬性2008-08-08
這篇文章主要介紹了javascript變量聲明,實(shí)例分析了javascript變量聲明的相關(guān)使用技巧,需要的朋友可以參考下2015-04-04
簡(jiǎn)潔短小的 JavaScript IE 瀏覽器判定代碼
IE瀏覽器不管是什么版本，總是跟Web標(biāo)準(zhǔn)有些不太兼容。對(duì)于代碼工作者來(lái)說，自然是苦不堪言，為了考慮IE的兼容問題，不管是寫 CSS 還是 JS，往往都要對(duì) IE 特別對(duì)待，這就少不了做些判斷。本文不討論如何區(qū)分 IE 的樣式，僅是 JS 判定 IE 瀏覽器。2010-03-03
JavaScript判斷是否為數(shù)字的多種方法小結(jié)
這篇文章主要介紹了JavaScript判斷是否為數(shù)字的多種方法小結(jié),本文給大家分享三種方法,結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
JavaScript實(shí)現(xiàn)基于Cookie的存儲(chǔ)類實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)基于Cookie的存儲(chǔ)類,實(shí)例分析了javascript通過cookie實(shí)現(xiàn)數(shù)據(jù)存儲(chǔ)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
簡(jiǎn)單了解TypeScript中如何繼承 Error 類
這篇文章主要介紹了簡(jiǎn)單了解TypeScript中如何繼承 Error 類，一個(gè)典型的網(wǎng)站服務(wù)器可能需要有 NetworkError, DatabaseError, UnauthorizedError 等。 我們希望這些類都擁有 Error 的特性：有錯(cuò)誤消息、有調(diào)用棧、有方便打印的 toString 等。,需要的朋友可以參考下2019-06-06
JS驗(yàn)證圖片格式和大小并預(yù)覽的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JS驗(yàn)證圖片格式和大小并預(yù)覽的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-10-10
javascript實(shí)現(xiàn)unicode和字符的互相轉(zhuǎn)換
javascript實(shí)現(xiàn)unicode和字符的互相轉(zhuǎn)換...2007-07-07