通过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 相关文章推荐
模仿百度三维地图的js数据分享
May 12 Javascript
终于解决了IE8不支持数组的indexOf方法
Apr 03 Javascript
浅谈javascript对象模型和function对象
Dec 26 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
vue与原生app的对接交互的方法(混合开发)
Nov 28 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 Javascript
vue实现轮播图帧率播放
Jan 26 Vue.js
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 06 Javascript
JavaScript 原型与原型链详情
Nov 02 Javascript
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
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
PHP 的ArrayAccess接口 像数组一样来访问你的PHP对象
2010/10/12 PHP
TMDPHP 模板引擎使用教程
2012/03/13 PHP
PHP sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
跟我学Laravel之路由
2014/10/15 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
javascript获取文档坐标和视口坐标
2015/05/26 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
2015/11/30 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
浅谈JavaScript 浏览器对象
2016/06/03 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
Vuex提升学习篇
2018/01/11 Javascript
6行代码实现微信小程序页面返回顶部效果
2018/12/28 Javascript
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
JS正则表达式封装与使用操作示例
2019/05/15 Javascript
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
详解Python中 __get__和__getattr__和__getattribute__的区别
2016/06/16 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
在双python下设置python3为默认的方法
2018/10/31 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
Django框架验证码用法实例分析
2019/05/10 Python
Pycharm 2019 破解激活方法图文详解
2019/10/11 Python
python  logging日志打印过程解析
2019/10/22 Python
基于torch.where和布尔索引的速度比较
2020/01/02 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
详解CSS3选择器:nth-child和:nth-of-type之间的差异
2017/09/18 HTML / CSS
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
Sunglasses Shop丹麦:欧洲第一的太阳镜在线销售网站
2017/10/22 全球购物
一套带网友答案的.NET笔试题
2016/12/06 面试题
党员评议思想汇报
2014/10/08 职场文书
感谢信范文大全
2015/01/23 职场文书
ubuntu下常用apt命令介绍
2022/06/05 Servers