编程 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使用prototype定义对象类型

Feb 07 Javascript

jquery实现checkbox全选全不选的简单实例

Dec 31 Javascript

jQuery的:parent选择器定义和用法

Jul 01 Javascript

jquery图形密码实现方法

Mar 11 Javascript

用js动态添加html元素,以及属性的简单实例

Jul 19 Javascript

canvas绘图不清晰的解决方案

Feb 28 Javascript

详解AngularJs ui-router 路由的简单介绍

Apr 26 Javascript

Angular.js中下拉框实现渲染html的方法

Jun 18 Javascript

vue填坑之webpack run build 静态资源找不到的解决方法

Sep 03 Javascript

微信小程序使用wxParse解析html的方法示例

Jan 17 Javascript

仿ElementUI实现一个Form表单的实现代码

Apr 23 Javascript

Axios取消重复请求的方法实例详解

Jun 15 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 array_multisort函数对数据库结果进行复杂排序

2013/06/08 PHP

浅谈web上存漏洞及原理分析、防范方法（文件名检测漏洞）

2013/06/29 PHP

php计算title标题相似比的方法

2015/07/29 PHP

Jquery 设置标题的自动翻转

2009/10/03 Javascript

Js基础学习资料

2010/11/23 Javascript

jquery 图片缩放拖动的简单实例

2014/01/08 Javascript

JavaScript实现网页截图功能

2014/10/16 Javascript

jQuery实现在下拉列表选择时获取json数据的方法

2015/04/16 Javascript

jQuery超简单选项卡完整实例

2015/09/26 Javascript

Bootstrap CSS布局之代码

2016/12/17 Javascript

JavaScript无操作后屏保功能的实现方法

2017/07/04 Javascript

Three.js如何实现雾化效果示例代码

2017/09/27 Javascript

vue实现动态列表点击各行换色的方法

2018/09/13 Javascript

关于layui 下拉列表的change事件详解

2019/09/20 Javascript

vue实现用户长时间不操作自动退出登录功能的实现代码

2020/07/23 Javascript

Nuxt 项目性能优化调研分析

2020/11/07 Javascript

[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder

2018/08/11 DOTA

[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛败者组 BO3 第二场 8.22

2019/09/05 DOTA

Python urls.py的三种配置写法实例详解

2017/04/28 Python

PyQt5实现拖放功能

2018/04/25 Python

用Python PIL实现几个简单的图片特效

2019/01/18 Python

python try 异常处理(史上最全）

2019/03/07 Python

用pycharm开发django项目示例代码

2019/06/13 Python

Python对接 xray 和微信实现自动告警

2019/09/17 Python

python飞机大战pygame游戏框架搭建操作详解

2019/12/17 Python

python异步Web框架sanic的实现

2020/04/27 Python

让IE6支持css3，让 IE7、IE8 都支持CSS3

2011/10/09 HTML / CSS

全球酒店比价网：HotelsCombined

2017/06/20 全球购物

印尼网上商店：Alfacart.com

2019/03/11 全球购物

EJB与JAVA BEAN的区别

2016/08/29 面试题

大学生联谊活动策划书（光棍节）

2014/10/10 职场文书

2015年党员自我剖析材料

2014/12/17 职场文书

校长师德表现自我评价

2015/03/04 职场文书

爱的教育读书笔记

2015/06/26 职场文书

python面向对象版学生信息管理系统

2021/06/24 Python

关于Python使用turtle库画任意图的问题

2022/04/01 Python