新增加的内容是如何将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 isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
JQuery 应用 JQuery.groupTable.js
Dec 15 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
JS中多步骤多分步的StepJump组件实例详解
Apr 01 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
Vue2.0 组件传值通讯的示例代码
Aug 01 Javascript
解决vue attr取不到属性值的问题
Sep 18 Javascript
vue-lazyload使用总结(推荐)
Nov 01 Javascript
如何在Vue.js中实现标签页组件详解
Jan 02 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 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 生成WML页面方法详解
2009/08/09 PHP
php站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
zf框架的db类select查询器join链表使用示例(zend框架)
2014/03/14 PHP
php实现读取手机客户端浏览器的类
2015/01/09 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
使用jquery动态加载javascript以减少服务器压力
2012/10/29 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
2015/04/16 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
2015/10/30 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
JavaScript实现窗口抖动效果
2016/10/19 Javascript
RequireJs的使用详解
2017/02/19 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
JavaScript 完成注册页面表单校验的实例
2017/08/19 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
python数据结构树和二叉树简介
2014/04/29 Python
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
对python Tkinter Text的用法详解
2018/10/11 Python
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
高校自主招生自荐信
2013/12/09 职场文书
销售总监岗位职责
2014/01/04 职场文书
校长就职演讲稿
2014/01/06 职场文书
工程造价专业大学生职业规划范文
2014/03/09 职场文书
2014年技术员工作总结
2014/11/18 职场文书
教师个人师德总结
2015/02/06 职场文书
幼师辞职信范文
2015/02/27 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
元旦晚会开场白
2015/05/29 职场文书
理解python中装饰器的作用
2021/07/21 Python
python+pytest接口自动化之token关联登录的实现
2022/04/06 Python
Go语言编译原理之变量捕获
2022/08/05 Golang