用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
2016-10-27 09:18
981 查看
如下所示:
<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的滚动条,让它在内容更新时自动滚到底部的实现方法全部内容了,希望大家多多支持脚本之家~
您可能感兴趣的文章:
相关文章推荐
- 如何用js控件div的滚动条,让它在内容更新时自动滚到底部?
- 如何用js控件div的滚动条,让它在内容更新时自动滚到底部?
- 用js控件div的滚动条,让它在内容更新时自动滚到底部
- 内容超过div的长度后自动出现滚动条的实现方法
- javscript实现滚动条滚动到页面底部自动加载增加页面内容
- js DIV滚动条自动滚到底部
- js实现鼠标点击文本框自动选中内容的方法
- CEdit 控件 更新内容的 方法(可以自动滚动至末尾)
- JS实现判断滚动条滚到页面底部并执行事件的方法
- JS实现定时自动关闭DIV层提示框的方法
- js实现类似微信网页版在可编辑的div中粘贴内容时过滤剪贴板的内容,光标始终在粘贴内容后面,以及将光标定位到最后的方法
- CEdit 控件 更新内容的 方法(可以自动滚动至末尾)
- VC(MFC) edit控件滚动条自动到达底部的几种实现
- 让DIV的滚动条自动滚动到最底部 - 3种方法
- JS实现判断滚动条滚到页面底部并执行事件的方法
- JS实现判断滚动条滚到页面底部并执行事件的方法
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- js实现div内容局部变色的两种方法
- CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法