用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 相关文章推荐
js DOM模型操作
Dec 28 Javascript
js单例模式的两种方案
Oct 22 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
Jan 22 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
Aug 04 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
Mar 17 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
浅谈JavaScript中的this指针和引用知识
Aug 05 Javascript
微信小程序中hidden不生效原因的解决办法
Apr 26 Javascript
使用electron将vue-cli项目打包成exe的方法
Sep 29 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
Apr 15 Javascript
微信小程序实现动态列表项的顺序加载动画
Jul 25 Javascript
详解CocosCreator消息分发机制
Apr 16 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
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
从php核心代码分析require和include的区别
2011/01/02 PHP
php错误提示failed to open stream: HTTP request failed!的完美解决方法
2011/06/06 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
php+MySQL判断update语句是否执行成功的方法
2014/08/28 PHP
WordPress中获取指定分类及其子分类下的文章数目
2015/12/31 PHP
Javascript this指针
2009/07/30 Javascript
jQuery.validate 常用方法及需要注意的问题
2013/03/20 Javascript
JS的千分位算法实现思路
2013/07/31 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
原生js实现trigger方法示例代码
2019/05/22 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
js+canvas实现刮刮奖功能
2020/09/13 Javascript
js实现移动端轮播图滑动切换
2020/12/21 Javascript
python常用web框架简单性能测试结果分享(包含django、flask、bottle、tornado)
2014/08/25 Python
举例详解Python中yield生成器的用法
2015/08/05 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
对python opencv 添加文字 cv2.putText 的各参数介绍
2018/12/05 Python
FFT快速傅里叶变换的python实现过程解析
2019/10/21 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
一款纯css3实现的竖形二级导航的实例教程
2014/12/11 HTML / CSS
Skyscanner台湾:全球知名的旅行比价引擎
2018/07/01 全球购物
水上运动奥特莱斯:Wasterports Outlet
2018/08/08 全球购物
测绘工程个人的自我评价
2013/11/23 职场文书
总裁岗位职责
2013/12/04 职场文书
公司晚会策划方案
2014/05/17 职场文书
体育系毕业生自荐信
2014/06/28 职场文书
学雷锋感言
2015/08/03 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书
PHP策略模式写法
2021/04/01 PHP
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL