用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
作者：jingxian 时间：2024-04-19 09:45:30
如下所示：
<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,滚动条,底部
0
投稿猜你喜欢
js 复制功能 支持 for IE/FireFox/mozilla/ns
2024-05-11 09:34:59
用js实现放大镜的效果的简单实例
2024-04-30 08:51:30
python中的selenium实现自动向下滚动页面并指定最大滑动距离
2021-09-04 20:44:03
asp如何利用当前时间生成随机函数？
2010-01-01 15:44:00
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2023-08-17 10:58:20
SWFObject1.5: 基于Javascript的Flash媒体版本检测与嵌入模块
2009-08-06 18:02:00
js正则相关知识点专题
2024-05-13 10:07:08
Pytorch中的gather使用方法
2021-11-22 06:11:49
pythotn条件分支与循环详解
2021-12-02 12:20:08
python GUI库图形界面开发之PyQt5单选按钮控件QRadioButton详细使用方法与实例
2022-01-26 01:33:47
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2024-05-11 09:19:05
远程连接mysql数据库注意事项记录(远程连接慢skip-name-resolve)
2024-01-15 23:06:01
Win10下Python3.7.3安装教程图解
2023-09-02 18:16:54
浅谈一下基于Pytorch的可视化工具
2022-12-28 23:08:07
用pickle存储Python的原生对象方法
2023-10-31 04:43:13
使用Keras画神经网络准确性图教程
2021-02-17 03:20:28
零基础使用Python读写处理Excel表格的方法
2021-01-02 13:33:07
详解Python常用标准库之os模块与shutil模块
2023-06-13 04:19:20
利用ctypes提高Python的执行速度
2023-11-04 22:33:55
使用html+js+css 实现页面轮播图效果(实例讲解)
2024-02-24 01:48:44