用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法


Posted in Javascript onOctober 27, 2016

如下所示:

<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 相关文章推荐
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
Mar 28 Javascript
js字母大小写转换实现方法总结
Nov 13 Javascript
Jquery跳到页面指定位置的方法
May 12 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
Feb 15 Javascript
vue项目常用组件和框架结构介绍
Dec 24 Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
详解Vue This$Store总结
Dec 17 Javascript
微信小程序 wx:for遍历循环使用实例解析
Sep 09 Javascript
JS数组方法push()、pop()用法实例分析
Jan 18 Javascript
Vue实现购物车基本功能
Nov 08 Javascript
简单理解vue中Props属性
Oct 27 #Javascript
利用React-router+Webpack快速构建react程序
Oct 27 #Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 #Javascript
浅析如何利用JavaScript进行语音识别
Oct 27 #Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 #Javascript
简单理解vue中track-by属性
Oct 26 #Javascript
javascript iframe跨域详解
Oct 26 #Javascript
You might like
第九节--绑定
2006/11/16 PHP
PHP实时显示输出
2008/10/02 PHP
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
thinkPHP模板引擎用法示例
2016/12/08 PHP
jquery 可排列的表实现代码
2009/11/13 Javascript
javascript的offset、client、scroll使用方法详解
2012/12/25 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
jquery表单验证插件validation使用方法详解
2017/01/20 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
关于定制FileField中的上传文件名称问题
2017/08/22 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
[37:22]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第一局
2016/02/28 DOTA
python实现学生管理系统
2018/01/11 Python
python实现人民币大写转换
2018/06/20 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
python简单鼠标自动点击某区域的实例
2019/06/25 Python
Python虚拟环境的原理及使用详解
2019/07/02 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
Python3实现英文字母转换哥特式字体实例代码
2020/09/01 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
利用Opencv实现图片的油画特效实例
2021/02/28 Python
会计专业个人求职信范文
2014/01/08 职场文书
宣传工作经验材料
2014/06/02 职场文书
工业设计专业自荐书
2014/06/05 职场文书
新文化运动的基本口号
2014/06/21 职场文书
装修活动策划方案
2014/08/27 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
2015年普法依法治理工作总结
2015/05/26 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书