用js控件div的滾動條,讓它在內容更新時自動滾到底部的實現方法
更新時間：2016年10月27日 09:18:25 投稿：jingxian
下面小編就為大家?guī)硪黄胘s控件div的滾動條,讓它在內容更新時自動滾到底部的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
如下所示：
<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的滾動條，讓它在內容更新時自動滾到底部</body>
</html>
以上就是小編為大家?guī)淼挠胘s控件div的滾動條,讓它在內容更新時自動滾到底部的實現方法全部內容了，希望大家多多支持腳本之家~
相關文章
淺談js在html中的加載執(zhí)行順序,多個jquery ready執(zhí)行順序
下面小編就為大家?guī)硪黄獪\談js在html中的加載執(zhí)行順序,多個jquery ready執(zhí)行順序。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
用javascript實現jquery的document.ready功能的實現代碼
實現jQuery的document.ready功能js代碼2009-11-11
不錯的獲取div高度的代碼，主要是方便測試一些信息，用到了javascript的offsetHeight屬性2008-08-08
這篇文章主要介紹了javascript變量聲明,實例分析了javascript變量聲明的相關使用技巧,需要的朋友可以參考下2015-04-04
IE瀏覽器不管是什么版本，總是跟Web標準有些不太兼容。對于代碼工作者來說，自然是苦不堪言，為了考慮IE的兼容問題，不管是寫 CSS 還是 JS，往往都要對 IE 特別對待，這就少不了做些判斷。本文不討論如何區(qū)分 IE 的樣式，僅是 JS 判定 IE 瀏覽器。2010-03-03
這篇文章主要介紹了JavaScript判斷是否為數字的多種方法小結,本文給大家分享三種方法,結合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了JavaScript實現基于Cookie的存儲類,實例分析了javascript通過cookie實現數據存儲的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了簡單了解TypeScript中如何繼承 Error 類，一個典型的網站服務器可能需要有 NetworkError, DatabaseError, UnauthorizedError 等。 我們希望這些類都擁有 Error 的特性：有錯誤消息、有調用棧、有方便打印的 toString 等。,需要的朋友可以參考下2019-06-06
下面小編就為大家?guī)硪黄狫S驗證圖片格式和大小并預覽的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
javascript實現unicode和字符的互相轉換...2007-07-07