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

jQuery实现切换页面布局使用介绍

Oct 09 Javascript

jquery全选/全不选/反选另一种实现方法(配合原生js)

Apr 07 Javascript

JS函数定义方式的区别介绍

Mar 22 Javascript

微信小程序开发animation心跳动画效果

Aug 16 Javascript

jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码

Aug 23 jQuery

Vue中$refs的用法详解

Jun 24 Javascript

javascript中toFixed()四舍五入使用方法详解

Sep 28 Javascript

Python版实现微信公众号扫码登陆

May 28 Javascript

js代码编写无缝轮播图

Sep 13 Javascript

webpack4从0搭建组件库的实现

Nov 29 Javascript

JS如何监听div的resize事件详解

Dec 03 Javascript

JavaScript 防盗链的原理以及破解方法

Dec 29 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 whois查询API制作方法

2011/06/23 PHP

异步加载技术实现当滚动条到最底部的瀑布流效果

2014/09/16 PHP

PHP获取当前相对于域名目录的方法

2015/06/26 PHP

swoole和websocket简单聊天室开发

2017/11/18 PHP

Javascript实例教程(19) 使用HoTMetal(1)

2006/12/23 Javascript

模仿jQuery each函数的链式调用

2009/07/22 Javascript

javascript 类定义的4种方法

2009/09/12 Javascript

JavaScript CSS修改学习第六章拖拽

2010/02/19 Javascript

javascript 拖动表格行实现代码

2011/05/05 Javascript

jQuery 属性选择器element[herf*='value']使用示例

2013/10/20 Javascript

js function定义函数的几种不错方法

2014/02/27 Javascript

JavaScript中的prototype和constructor简明总结

2014/04/05 Javascript

jquery预加载图片的方法

2015/05/27 Javascript

利用Js+Css实现折纸动态导航效果实例源码

2017/01/25 Javascript

基于DOM节点删除之empty和remove的区别(详解)

2017/09/11 Javascript

vuejs实现递归树型菜单组件

2018/01/13 Javascript

详解在React中跨组件分发状态的三种方法

2018/08/09 Javascript

vue 解决异步数据更新问题

2019/10/29 Javascript

微信小程序中data-key属性之数据传输(经验总结)

2020/08/22 Javascript

python实现多线程暴力破解登陆路由器功能代码分享

2015/01/04 Python

pycharm的console输入实现换行的方法

2019/01/16 Python

Python3 实现串口两进程同时读写

2019/06/12 Python

Python编程快速上手——疯狂填词程序实现方法分析

2020/02/29 Python

解决阿里云邮件发送不能使用25端口问题

2020/08/07 Python

html5超简单的localStorage实现记住密码的功能实现

2017/09/07 HTML / CSS

工厂保安员岗位职责

2014/01/31 职场文书

《走一步再走一步》教学反思

2014/02/15 职场文书

激情洋溢的毕业生就业求职信

2014/03/15 职场文书

品牌推广活动策划方案

2014/08/19 职场文书

离婚协议书范本（通用篇）

2014/11/30 职场文书

人为什么会“幸灾乐祸”?

2019/08/06 职场文书

详解如何修改nginx的默认端口

2021/03/31 Servers

将Python代码打包成.exe可执行文件的完整步骤

2021/05/12 Python

解决MySQL Varchar 类型尾部空格的问题

2022/04/06 MySQL

HDFS免重启挂载新磁盘

2022/04/06 Servers

MYSQL中文乱码问题的解决方案

2022/06/14 MySQL