编程 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 相关文章推荐

JavaScript 未结束的字符串常量常见解决方法

Jan 24 Javascript

jquery插件制作表单验证实现代码

Aug 17 Javascript

JQuery的ON()方法支持的所有事件罗列

Feb 28 Javascript

简述jQuery ajax的执行顺序

Jan 05 Javascript

复杂的javascript窗口分帧解析

Feb 19 Javascript

JS中的二叉树遍历详解

Mar 18 Javascript

JavaScipt选取文档元素的方法(推荐)

Aug 05 Javascript

JS作用域链详解

Jun 26 Javascript

JS实现前端缓存的方法

Sep 21 Javascript

详解Vue串联过滤器的使用场景

Apr 30 Javascript

JavaScript如何判断对象有某属性

Jul 03 Javascript

Array.filter中如何正确使用Async

Nov 04 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中mt_rand()随机数的安全

2017/10/12 PHP

js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)

2013/02/02 Javascript

js window.onload 加载多个函数和追加函数详解

2014/01/08 Javascript

js阻止默认浏览器行为与冒泡行为的实现代码

2016/05/15 Javascript

JS模仿腾讯图片站的图片翻页按钮效果完整实例

2016/06/21 Javascript

JS打印组合功能

2016/08/04 Javascript

JS简单实现禁止访问某个页面的方法

2016/09/13 Javascript

js给table赋值的实例代码

2016/10/13 Javascript

JS正则表达式之非捕获分组用法实例分析

2016/12/28 Javascript

js date 格式化

2017/02/15 Javascript

vue2.0设置proxyTable使用axios进行跨域请求的方法

2017/10/19 Javascript

微信小程序实现发红包功能

2018/07/11 Javascript

[06:45]2018DOTA2亚洲邀请赛 4.5 SOLO赛 Sccc vs Maybe

2018/04/06 DOTA

python实现通过pil模块对图片格式进行转换的方法

2015/03/24 Python

python的Crypto模块实现AES加密实例代码

2018/01/22 Python

python构建深度神经网络（DNN）

2018/03/10 Python

python如何修改装饰器中参数

2018/03/20 Python

python3解析库lxml的安装与基本使用

2018/06/27 Python

解决csv.writer写入文件有多余的空行问题

2018/07/06 Python

Python3实现计算两个数组的交集算法示例

2019/04/03 Python

对Python函数设计规范详解

2019/07/19 Python

python @classmethod 的使用场合详解

2019/08/23 Python

python中的RSA加密与解密实例解析

2019/11/18 Python

开启Django博客的RSS功能的实现方法

2020/02/17 Python

django 解决扩展自带User表遇到的问题

2020/05/14 Python

亚洲颇具影响力的男性在线购物零售商：His

2019/11/24 全球购物

北京一家公司的.net开发工程师笔试题

2012/04/17 面试题

物理教师自荐信范文

2013/12/28 职场文书

文明风采获奖感言

2014/02/18 职场文书

学校教师安全责任书

2014/07/23 职场文书

2015年国庆晚会主持词

2015/07/01 职场文书

2015年清剿火患专项行动工作总结

2015/07/27 职场文书

职工趣味运动会开幕词

2016/03/04 职场文书

简历自我评价范文

2019/04/24 职场文书

jQuery实现影院选座订座效果

2021/04/13 jQuery

MySQL的Query Cache图文详解

2021/07/01 MySQL