用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的滚动条,让它在内容更新时自动滚到底部的实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jquery 上下滚动广告
Jun 17 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
May 08 Javascript
JavaScript日期类型的一些用法介绍
Mar 02 Javascript
JavaScript控制table某列不显示的方法
Mar 16 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
May 12 Javascript
浅析JS中回调函数及用法
Jul 25 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
vsCode安装使用教程和插件安装方法
Aug 24 Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 Javascript
使用vue重构资讯页面的实例代码解析
Nov 26 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
PHPShop存在多个安全漏洞
2006/10/09 PHP
php实现读取内存顺序号
2015/03/29 PHP
jquery简单体验
2007/01/10 Javascript
很全的显示阴历(农历)日期的js代码
2009/01/01 Javascript
javascript 表单规则集合对象
2009/07/21 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
JavaScript限定图片显示大小的方法
2015/03/11 Javascript
JavaScript箭头(arrow)函数详解
2017/06/04 Javascript
利用JS测试目标网站的打开响应速度
2017/12/01 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
2019/10/31 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
Python+PyQt5实现美剧爬虫可视工具的方法
2019/04/25 Python
Python如何使用OS模块调用cmd
2020/02/27 Python
python+adb命令实现自动刷视频脚本案例
2020/04/23 Python
PyQt5实现仿QQ贴边隐藏功能的实例代码
2020/05/24 Python
详解Python 函数参数的拆解
2020/09/02 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
秘书岗位职责
2013/11/18 职场文书
检举信的格式及范文
2014/04/04 职场文书
股权转让协议范本
2014/12/07 职场文书
团代会开幕词
2015/01/28 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
vue3中provide && inject的使用
2021/07/01 Vue.js
Python3.10的一些新特性原理分析
2021/09/15 Python
python_tkinter事件类型详情
2022/03/20 Python