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


Posted in Javascript onJanuary 02, 2014

有时候我们在做动态增长的div时,一般都是将内容append到div的最下面,但这会带来一个比较蛋疼的问题,那就是新增加的内容会被遮在最下面,比如这样
新增加的内容是如何将div的scrollbar自动移动最下面
如何才能让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 相关文章推荐
javascript div 弹出可拖动窗口
Feb 26 Javascript
js Array操作的最简短最容易理解方法
Dec 09 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
灵活的理解JavaScript中的this指向
Feb 25 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
node获取客户端ip功能简单示例
Aug 24 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 11 Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 #Javascript
JS脚本defer的作用示例介绍
Jan 02 #Javascript
Javascript中常见的校验如域名、手机、邮箱等等
Jan 02 #Javascript
JavaScript四种调用模式和this示例介绍
Jan 02 #Javascript
ParseInt函数参数设置介绍
Jan 02 #Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 #Javascript
JavaScript中Math对象方法使用概述
Jan 02 #Javascript
You might like
基于在生产环境中使用php性能测试工具xhprof的详解
2013/06/03 PHP
PHP实现163邮箱自动发送邮件
2016/03/29 PHP
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
2013/05/31 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
2015/04/20 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
详解js中==与===的区别
2017/01/08 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
javascript中的隐式调用
2018/02/10 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
2020/04/08 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
Python基于select实现的socket服务器
2016/04/13 Python
Python实现的简单线性回归算法实例分析
2018/12/26 Python
Python删除n行后的其他行方法
2019/01/28 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
tensorflow tf.train.batch之数据批量读取方式
2020/01/20 Python
使用python从三个角度解决josephus问题的方法
2020/03/27 Python
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
白酒市场开发计划书
2014/01/09 职场文书
留学经费担保书
2014/05/12 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
宣传标语大全
2014/07/01 职场文书
工程项目合作意向书
2015/05/08 职场文书
2015年行政执法工作总结
2015/05/23 职场文书
大学生社区义工服务心得体会
2016/01/22 职场文书
服务器间如何实现文件共享
2022/05/20 Servers
MySQL分布式恢复进阶
2022/07/23 MySQL