当前位置：首页 > 资讯 > 技术文档

新增加的内容是如何将div的scrollbar自动移动最下面

时间：2021-11-25 04:52 编辑：来源：阅读：
扫一扫，手机访问

摘要：新增加的内容是如何将div的scrollbar自动移动最下面

有时候我们在做动态增长的div时，一般都是将内容append到div的最下面，但这会带来一个比较蛋疼的问题，那就是新增加的内容会被遮在最下面，比如这样 [img]http://files.jb51.net/file_images/article/201401/201401021649331.gif?201402164959[/img] 如何才能让scrollbar自动移动最下面呢，这就需要js的帮助了，假设div的id为myDiv，那么使用原生的js实现如下:

[u]复制代码[/u] 代码如下:

var myDiv = document.getElementById('myDiv'); 
myDiv.scrollTop = myDiv.scrollHeight;

如果使用jquery的话，也很简单

[u]复制代码[/u] 代码如下:

var $div = $('#myDiv'); 
$div.scrollTop($div[0].scrollHeight);

全部评论(0)

上一篇：JS实现控制表格内指定单元格内容对齐的方法
下一篇：全面理解面向对象的 JavaScript(来自ibm)

资讯排行榜
更多>>