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

firefox中JS读取XML文件

Dec 21 Javascript

jquery插件开发方法(初学者)

Feb 03 Javascript

js实现在网页上简单显示时间的方法

Mar 02 Javascript

js实现百度联盟中一款不错的图片切换效果完整实例

Mar 04 Javascript

JavaScript访问字符串中单个字符的两种方法

Jul 03 Javascript

WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

Jan 12 Javascript

Angular2内置指令NgFor和NgIf详解

Aug 03 Javascript

js 动态生成html 触发事件传参字符转义的实例

Feb 14 Javascript

Angular 4中如何显示内容的CSS样式示例代码

Nov 06 Javascript

websocket4.0+typescript 实现热更新的方法

Aug 14 Javascript

使用vue打包进行云服务器上传的问题

Mar 02 Javascript

js 闭包深入理解与实例分析

Mar 19 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之浮点数计算比较以及取整数不准确的解决办法

2015/07/29 PHP

如何使用GDB调试PHP程序

2015/12/08 PHP

PHP实现函数内修改外部变量值的方法示例

2018/12/28 PHP

根据一段代码浅谈Javascript闭包

2010/12/14 Javascript

重载toString实现JS HashMap分析

2011/03/13 Javascript

自己编写的类似JS的trim方法

2013/10/09 Javascript

使用jquery实现IE下按backspace相当于返回操作

2014/03/18 Javascript

jquery计算鼠标和指定元素之间距离的方法

2015/06/26 Javascript

JS Array.slice 截取数组的实现方法

2016/01/02 Javascript

input 禁止输入特殊字符的四种实现方式

2016/08/24 Javascript

jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果

2017/02/15 Javascript

JavaScript运动框架解决防抖动问题、悬浮对联（二）

2017/05/17 Javascript

微信小程序如何获取网络状态

2019/07/26 Javascript

超简单的微信小程序轮播图

2019/11/22 Javascript

javascript全局自定义鼠标右键菜单

2020/12/08 Javascript

[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail

2018/04/06 DOTA

Scrapy爬虫实例讲解_校花网

2017/10/23 Python

Python跨文件全局变量的实现方法示例

2017/12/10 Python

python处理multipart/form-data的请求方法

2018/12/26 Python

浅谈Python编程中3个常用的数据结构和算法

2019/04/30 Python

解决TensorFlow模型恢复报错的问题

2020/02/06 Python

TensorFlow:将ckpt文件固化成pb文件教程

2020/02/11 Python

pytorch之Resize()函数具体使用详解

2020/02/27 Python

Python: glob匹配文件的操作

2020/12/11 Python

巧用CSS3 border实现图片遮罩效果代码

2012/04/09 HTML / CSS

微软澳洲官方网站：Microsoft Australia

2017/01/10 全球购物

广告学毕业生求职信

2014/01/30 职场文书

发展部经理职责规定

2014/02/22 职场文书

机电一体化毕业生自荐信

2014/06/19 职场文书

班级体育活动总结

2014/07/05 职场文书

2014年车间工作总结

2014/11/21 职场文书

教师党员承诺书2015

2015/01/21 职场文书

导游词之无锡梅园

2019/11/28 职场文书

nginx基于域名，端口，不同IP的虚拟主机设置的实现

2021/03/31 Servers

SpringBoot2零基础到精通之数据库专项精讲

2022/03/22 Java/Android

Spring Boot实现文件上传下载

2022/08/14 Java/Android