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

js中各浏览器中鼠标按键值的差异

Apr 07 Javascript

JQuery获取文本框中字符长度的代码

Sep 29 Javascript

javascript 快速排序函数代码

May 30 Javascript

浅析JQuery中的html(),text(),val()区别

Sep 01 Javascript

jQuery中height()方法用法实例

Dec 24 Javascript

浅谈JavaScript中Date(日期对象),Math对象

Feb 05 Javascript

JavaScript的事件代理和委托实例分析

Mar 25 Javascript

Javascript实现获取及设置光标位置的方法

Jul 21 Javascript

JS+HTML5手机开发之滚动和惯性缓动实现方法分析

Jun 12 Javascript

js转换对象为xml

Feb 17 Javascript

深入理解Javascript中的观察者模式

Feb 20 Javascript

JavaScript 保护变量不被随意修改的实现代码

Sep 27 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