用js控件div的滾動條,讓它在內容更新時自動滾到底部的實現(xiàn)方法
更新時間：2016年10月27日 09:18:25 投稿：jingxian
下面小編就為大家?guī)硪黄胘s控件div的滾動條,讓它在內容更新時自動滾到底部的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
如下所示：
<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的滾動條,讓它在內容更新時自動滾到底部的實現(xiàn)方法全部內容了，希望大家多多支持腳本之家~
相關文章
JavaScript實現(xiàn)在標題欄上顯示當前日期的方法
這篇文章主要介紹了JavaScript實現(xiàn)在標題欄上顯示當前日期的方法,涉及javascript操作時間及DOM節(jié)點的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
js form表單input框限制20個字符，10個漢字代碼實例
這篇文章主要介紹了js form表單input框限制20個字符，10個漢字，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了JavaScript 點擊觸發(fā)復制功能實例詳解,需要的朋友可以參考下2018-11-11
這篇文章主要介紹了JS獲取月的第幾周和年的第幾周實例代碼,需要的朋友可以參考下2018-12-12
utf-8編碼引起document.writeln輸出中文亂碼的解決辦法2010-06-06
這篇文章主要介紹了JavaScript電子時鐘倒計時的實現(xiàn)代碼，具有一定的參考價值，感興趣的朋友可以參考一下2016-01-01
JavaScript中變量提升導致未定義(undefined)的問題及解決方法
在 JavaScript 中,變量提升（Hoisting）是一個相對常見的行為,尤其是當你遇到 undefined 錯誤時,本文將詳細探討變量提升的概念、其對代碼執(zhí)行的影響以及如何避免因為變量提升而導致 undefined 的問題,需要的朋友可以參考下2024-09-09
element select下拉框編輯時回顯已經(jīng)刪除的數(shù)據(jù)操作代碼
今天做項目遇到一個棘手的問題,關于element select下拉框編輯時回顯問題,下面小編通過實例代碼介紹element select下拉框編輯時回顯已經(jīng)刪除的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-05-05
在使用try catch處理iframe跨域產(chǎn)生的異常時，chrome和safari瀏覽器似乎不能正常運作：他們直接拋出了錯誤而沒有拋出可供JS截獲的異常。2011-09-09
詳釋JavaScript執(zhí)行環(huán)境與執(zhí)行棧
一句話就可以概括：代碼 ( 包括函數(shù) ) 執(zhí)行時所需要的所有信息就是執(zhí)行環(huán)境。由于 ES 歷經(jīng)多個版本，所以執(zhí)行環(huán)境的標準也一直在變。文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04