编程 Javascript

用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的滚动条,让它在内容更新时自动滚到底部的实现方法全部内容了，希望大家多多支持三水点靠木~

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用jscript启动sqlserver

Jun 21 Javascript

地址栏上的一段语句，改变页面的风格。（教程）

Apr 02 Javascript

第一个JavaScript入门基础 document.write输出

Feb 22 Javascript

父子窗体间传递JSON格式的数据的代码

Dec 25 Javascript

php图像生成函数之间的区别分析

Dec 06 Javascript

清除div下面的所有标签的方法

Feb 17 Javascript

jQuery中nextAll()方法用法实例

Jan 07 Javascript

原生js封装二级城市下拉列表的实现代码

Jun 16 Javascript

js实现多行文本框统计剩余字数功能

Mar 28 Javascript

easyui简介_动力节点Java学院整理

Jul 14 Javascript

angular2 ng build部署后base文件路径问题详细解答

Jul 15 Javascript

微信小程序pinker组件使用实现自动相减日期

May 07 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

两种php实现图片上传的方法

2016/01/22 PHP

JS宝典学习笔记(下)

2007/01/10 Javascript

XMLHttpRequest处理xml格式的返回数据(示例代码)

2013/11/21 Javascript

js限制文本框只能输入数字方法小结

2014/06/16 Javascript

让checkbox不选中即将选中的checkbox不选中

2014/07/11 Javascript

JavaScript中判断整数的多种方法总结

2014/11/08 Javascript

jQuery实现鼠标经过图片变亮其他变暗效果

2015/05/08 Javascript

AngularJs实现分页功能不带省略号的代码

2016/05/30 Javascript

Javascript将双字节字符转换成单字节字符并计算长度

2016/06/22 Javascript

第一次接触神奇的Bootstrap基础排版

2016/07/26 Javascript

微信小程序五星评分效果实现代码

2017/04/06 Javascript

JavaScript实现的贝塞尔曲线算法简单示例

2018/01/30 Javascript

深入浅析JS中的严格模式

2018/06/04 Javascript

vue 引用自定义ttf、otf、在线字体的方法

2019/05/09 Javascript

深入浅析vue中cross-env的使用

2019/09/12 Javascript

在node环境下parse Smarty模板的使用示例代码

2019/11/15 Javascript

Vue 防止短时间内连续点击后多次触发请求的操作

2020/11/11 Javascript

[00:32]2018DOTA2亚洲邀请赛EG出场

2018/04/03 DOTA

python3生成随机数实例

2014/10/20 Python

tensorflow入门之训练简单的神经网络方法

2018/02/26 Python

Python 新建文件夹与复制文件夹内所有内容的方法

2018/10/27 Python

Python 安装第三方库 pip install 安装慢安装不上的解决办法

2019/06/18 Python

Python中字典与恒等运算符的用法分析

2019/08/22 Python

Python 最强编辑器详细使用指南(PyCharm )

2019/09/16 Python

详解用Python进行时间序列预测的7种方法

2020/03/13 Python

Tensorflow中的图（tf.Graph）和会话（tf.Session）的实现

2020/04/22 Python

解决tensorflow 释放图,删除变量问题

2020/06/23 Python

基于CSS3 animation动画属性实现轮播图效果

2017/09/12 HTML / CSS

HTML5拖拽文件上传的示例代码

2021/03/04 HTML / CSS

ghd官网：英国ghd直发器品牌

2018/05/04 全球购物

给老师的道歉信

2014/01/11 职场文书

质量月口号

2014/06/20 职场文书

国际商务英语专业求职信

2014/07/08 职场文书

幼儿园老师新年寄语2015

2014/12/08 职场文书

2015年公司行政后勤工作总结

2015/05/20 职场文书

Java使用JMeter进行高并发测试

2021/11/23 Java/Android