编程 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

用javascript getComputedStyle获取和设置style的原理

Oct 10 Javascript

javascript的创建多行字符串的7种方法

Apr 29 Javascript

《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史

Jan 09 Javascript

jQuery实现个性翻牌效果导航菜单的方法

Mar 09 Javascript

jQuery设置指定网页元素宽度和高度的方法

Mar 25 Javascript

jQuery动态添加及删除表单上传元素的方法(附demo源码下载)

Jan 15 Javascript

卸载安装Node.js与npm过程详解

Aug 15 Javascript

JS中mouseup事件丢失的原因与解决办法

Jun 14 Javascript

基于Vuejs和Element的注册插件的编写方法

Jul 03 Javascript

vue刷新和tab切换实例

Feb 11 Javascript

微信小程序获取用户绑定手机号方法示例

Jul 21 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

改进的IP计数器

2006/10/09 PHP

常见PHP数据库解决方案分析介绍

2015/09/24 PHP

简单谈谈PHP中strlen 函数

2016/02/27 PHP

JavaScript入门教程(8) Location地址对象

2009/01/31 Javascript

学习JavaScript设计模式(链式调用)

2015/11/26 Javascript

DWR中各种java方法的调用

2016/05/04 Javascript

jquery实现下拉框多选方法介绍

2017/01/03 Javascript

js图片放大镜效果实现方法详解

2020/10/28 Javascript

js每隔两秒输出数组中的一项(实例)

2017/05/28 Javascript

详解angularjs中的隔离作用域理解以及绑定策略

2017/05/31 Javascript

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法

2017/06/17 Javascript

Node.js+Express+MySql实现用户登录注册功能

2017/07/10 Javascript

基于LayUI分页和LayUI laypage分页的使用示例

2017/08/02 Javascript

详解Vue-cli代理解决跨域问题

2017/09/27 Javascript

webpack 从指定入口文件中提取公共文件的方法

2018/11/13 Javascript

Vue 组件修改根实例的数据的方法

2019/04/02 Javascript

js实现九宫格抽奖

2020/03/19 Javascript

[03:41]DOTA2上海特锦赛小组赛第三日recap精彩回顾

2016/02/28 DOTA

[47:31]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.12

2020/12/16 DOTA

python实现监控linux性能及进程消耗性能的方法

2014/07/25 Python

python获取mp3文件信息的方法

2015/06/15 Python

python基础教程之分支、循环简单用法

2016/06/16 Python

Python实现树莓派WiFi断线自动重连的实例代码

2017/03/16 Python

Python实现的维尼吉亚密码算法示例

2018/04/12 Python

JSON文件及Python对JSON文件的读写操作

2018/10/07 Python

解决Python获取字典dict中不存在的值时出错问题

2018/10/17 Python

Python为何不能用可变对象作为默认参数的值

2019/07/01 Python

Django文件存储自己定制存储系统解析

2019/08/02 Python

Python网络编程之使用TCP方式传输文件操作示例

2019/11/01 Python

numpy:找到指定元素的索引示例

2019/11/26 Python

采购部部门职责

2013/12/15 职场文书

保健品市场营销方案

2014/03/31 职场文书

初中生入团申请书范文（五篇）

2019/10/16 职场文书

nginx常用命令放入shell脚本详解

2021/03/31 Servers

Python数据可视化之绘制柱状图和条形图

2021/05/25 Python

vue判断按钮是否可以点击

2022/04/09 Vue.js