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

EasyUi datagrid 实现表格分页

Feb 10 Javascript

JS模仿编辑器实时改变文本框宽度和高度大小的方法

Aug 17 Javascript

jQuery插件实现文字无缝向上滚动效果代码

Feb 25 Javascript

JavaScript核心语法总结(推荐)

Jun 02 Javascript

Bootstrap表单简单实现代码

Mar 06 Javascript

浅谈Koa服务限流方法实践

Oct 23 Javascript

npm配置国内镜像资源+淘宝镜像的方法

Sep 07 Javascript

WebGL学习教程之Three.js学习笔记(第一篇)

Apr 25 Javascript

js实现转动骰子模型

Oct 24 Javascript

Node.js中console.log()输出彩色字体的方法示例

Dec 01 Javascript

使用js原生实现年份轮播选择效果实例

Jan 12 Javascript

JS如何实现基于websocket的多端桥接平台

May 14 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自动适应范围的分页代码

2008/08/05 PHP

PHP生成自定义长度随机字符串的函数分享

2014/05/04 PHP

神盾加密解密教程（一）PHP变量可用字符

2014/05/28 PHP

深入浅析yii2-gii自定义模板的方法

2016/04/26 PHP

在PHP 7下安装Swoole与Yar,Yaf的方法教程

2017/06/02 PHP

Laravel框架搜索分页功能示例

2019/02/01 PHP

php获取微信openid方法总结

2019/10/10 PHP

php利用ZipArchive类操作文件的实例

2020/01/21 PHP

PHP7变量处理机制修改

2021/03/09 PHP

理解 JavaScript 预解析

2009/10/25 Javascript

javascript页面上使用动态时间具体实现

2014/03/18 Javascript

js实现双击图片放大单击缩小的方法

2015/02/17 Javascript

Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信

2017/02/23 Javascript

layui-table表复选框勾选的所有行数据获取的例子

2019/09/13 Javascript

vue+AI智能机器人回复功能实现

2020/07/16 Javascript

[01:02]DOTA2上海特锦赛SHOWOPEN

2016/03/25 DOTA

python数据库操作常用功能使用详解(创建表/插入数据/获取数据)

2013/12/06 Python

Python3中使用urllib的方法详解(header,代理,超时,认证,异常处理)

2016/09/21 Python

Django学习笔记之Class-Based-View

2017/02/15 Python

神经网络理论基础及Python实现详解

2017/12/15 Python

使用python实现链表操作

2018/01/26 Python

Python实现判断给定列表是否有重复元素的方法

2018/04/11 Python

Python Json模块中dumps、loads、dump、load函数介绍

2018/05/15 Python

Python常见读写文件操作实例总结【文本、json、csv、pdf等】

2019/04/15 Python

pip 安装库比较慢的解决方法(国内镜像)

2019/10/06 Python

使用 prometheus python 库编写自定义指标的方法(完整代码)

2020/06/29 Python

html5 乒乓球(碰撞检测)实例二

2013/07/25 HTML / CSS

GAP美国官网：美国休闲时尚品牌

2016/08/26 全球购物

Mavi牛仔裤美国官网：土耳其著名牛仔品牌

2016/09/24 全球购物

十佳青年个人事迹材料

2014/01/28 职场文书

上课玩手机的检讨书

2014/10/01 职场文书

学习焦裕禄精神践行三严三实心得体会

2014/10/13 职场文书

2015年初三班主任工作总结

2015/05/21 职场文书

工伤调解协议书

2016/03/21 职场文书

公司财务制度：成本管理控制制度模板

2019/11/19 职场文书

Linux磁盘管理方法介绍

2022/06/01 Servers