新增加的内容是如何将div的scrollbar自动移动最下面
更新时间：2014年01月02日 16:50:21 投稿：whsnow
在做动态增长的div时,一般都是将内容append到div的最下面,但这会带来一个问题,那就是新增加的内容会被遮在最下面,具体实现如下,感兴趣的朋友可以参考下
有时候我们在做动态增长的div时，一般都是将内容append到div的最下面，但这会带来一个问题，那就是新增加的内容会被遮在最下面，比如这样
如何才能让scrollbar自动移动最下面呢，这就需要js的帮助了，假设div的id为myDiv，那么使用原生的js实现如下:
复制代码 代码如下:
var myDiv = document.getElementById('myDiv');
myDiv.scrollTop = myDiv.scrollHeight;
如果使用jquery的话，也很简单
复制代码 代码如下:
var $div = $('#myDiv');
$div.scrollTop($div[0].scrollHeight);
相关文章
JavaScript的removeChild()函数用法详解
removechild 函数可以删除父元素的指定子元素，通过本文给大家介绍javascript的removeChild()函数用法，对js removechild函数相关知识感兴趣的朋友一起学习吧2015-12-12
Bootstrap基本组件学习笔记之input输入框组(9)
这篇文章主要为大家详细介绍了Bootstrap基本组件学习笔记之input输入框组,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
Javascript引用指针使用介绍，需要的朋友可以参考下2012-11-11
JS中通过slice()&substring()截取字符串前几位的方法
在Javascript使用字符串中,我们不一定需要全部的字符串,这时就需要截取字符串,本文主要介绍js中截取字符串前几位的两种方法：1、使用slice() 方法；2、使用substring() 方法,本文通过示例代码介绍的非常详细,需要的朋友参考下吧2023-12-12
uniapp中使用render.js进行openlayers、arcgis等地图操作实战指南
renderjs是一个运行在视图层的js,它比WXS更加强大,它只支持app-vue和h5,下面这篇文章主要给大家介绍了关于uniapp中使用render.js进行openlayers、arcgis等地图操作的相关资料,需要的朋友可以参考下2024-01-01
为了满足用户的方便，提供良好的自动提示功能就成为定级公司努力方向。废话少说，看例子2012-01-01
这篇文章主要介绍了PHP实现的各种中文编码转换类分享,本文类库支持简体中文、繁体中文、GB2312、BIG5、UTF-8等多种格式之间的转换,需要的朋友可以参考下2015-01-01
遇到需要对数据及表单验证的，我相信大家都像我一样，喜欢在网上找相关的方法，因为自己写的话，是比较耗时的。今天就给大家分享一下，自己在工作中总结的一些常用的js。2016-08-08
这篇文章主要介绍了JS实现的用来对比两个用指定分隔符分割的字符串是否相同,本文代码为特殊需要而写,需要的朋友可以参考下2014-09-09
交叉观察器 IntersectionObserver用法详解
这篇文章主要为大家介绍了交叉观察器 IntersectionObserver用法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
最新评论