用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
更新时间：2016年10月27日 09:18:25 投稿：jingxian
下面小编就为大家带来一篇用js控件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>
以上就是小编为大家带来的用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法全部内容了，希望大家多多支持脚本之家~
相关文章
这篇文章主要介绍了JavaScript实现在标题栏上显示当前日期的方法,涉及javascript操作时间及DOM节点的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
js form表单input框限制20个字符，10个汉字代码实例
这篇文章主要介绍了js form表单input框限制20个字符，10个汉字，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了JavaScript 点击触发复制功能实例详解,需要的朋友可以参考下2018-11-11
这篇文章主要介绍了JS获取月的第几周和年的第几周实例代码,需要的朋友可以参考下2018-12-12
utf-8编码引起document.writeln输出中文乱码的解决办法2010-06-06
这篇文章主要介绍了JavaScript电子时钟倒计时的实现代码，具有一定的参考价值，感兴趣的朋友可以参考一下2016-01-01
JavaScript中变量提升导致未定义(undefined)的问题及解决方法
在 JavaScript 中,变量提升（Hoisting）是一个相对常见的行为,尤其是当你遇到 undefined 错误时,本文将详细探讨变量提升的概念、其对代码执行的影响以及如何避免因为变量提升而导致 undefined 的问题,需要的朋友可以参考下2024-09-09
element select下拉框编辑时回显已经删除的数据操作代码
今天做项目遇到一个棘手的问题,关于element select下拉框编辑时回显问题,下面小编通过实例代码介绍element select下拉框编辑时回显已经删除的数据,感兴趣的朋友跟随小编一起看看吧2024-05-05
在使用try catch处理iframe跨域产生的异常时，chrome和safari浏览器似乎不能正常运作：他们直接抛出了错误而没有抛出可供JS截获的异常。2011-09-09
一句话就可以概括：代码 ( 包括函数 ) 执行时所需要的所有信息就是执行环境。由于 ES 历经多个版本，所以执行环境的标准也一直在变。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
最新评论