通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位


Posted in Javascript onMay 05, 2014

这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位。

var container = $('div'), 
scrollTo = $('#row_8'); container.scrollTop( 
scrollTo.offset().top - container.offset().top + container.scrollTop() 
); 
// Or you can animate the scrolling: 
container.animate({ 
scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() 
});​

不需要任何JQuery插件即可完成所需的效果,非常好用!
Javascript 相关文章推荐
TFDN图片播放器 不错自动播放
Oct 03 Javascript
chrome原生方法之数组
Nov 30 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 Javascript
JS简单编号生成器实现方法(附demo源码下载)
Apr 05 Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
select自定义小三角样式代码(实用总结)
Aug 18 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
javascript中floor使用方法总结
Feb 02 Javascript
JavaScript实现轮播图片完整代码
Mar 07 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
JQuery以JSON方式提交数据到服务端示例代码
May 05 #Javascript
使用jQuery重置(reset)表单的方法
May 05 #Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
May 05 #Javascript
Js操作树节点自动折叠展开的几种方法
May 05 #Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 #Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 #Javascript
一个简单的jquery的多选下拉框(自写)
May 05 #Javascript
You might like
PHP $_SERVER详解
2009/01/16 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
jquery dialog键盘事件代码
2010/08/01 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
2013/09/29 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
Javascript writable特性介绍
2015/02/27 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
通过实例解析vuejs如何实现调试代码
2020/07/16 Javascript
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
python批量修改文件名的实现代码
2014/09/01 Python
简述Python中的进程、线程、协程
2016/03/18 Python
django文档学习之applications使用详解
2018/01/29 Python
python如何修改装饰器中参数
2018/03/20 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
Python的条件表达式和lambda表达式实例
2019/01/31 Python
Python操作PostgreSql数据库的方法(基本的增删改查)
2020/12/29 Python
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
Haggar官网:美国男装品牌
2020/02/16 全球购物
迎接领导欢迎词
2014/01/11 职场文书
文明村创建实施方案
2014/03/27 职场文书
家长会演讲稿
2014/04/26 职场文书
活动倡议书范文
2014/05/13 职场文书
2015年前台文员工作总结
2015/05/18 职场文书
Python常遇到的错误和异常
2021/11/02 Python
Python 全局空间和局部空间
2022/04/06 Python