通过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 相关文章推荐
List Installed Hot Fixes
Jun 12 Javascript
javascript 鼠标滚轮事件
Apr 09 Javascript
Javascript中的Array数组对象详谈
Mar 03 Javascript
一个简单的Node.js异步操作管理器分享
Apr 29 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
清除输入框内的空格
Dec 21 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
深入浅析Vue.js计算属性和侦听器
May 05 Javascript
JS如何判断对象是否包含某个属性
Aug 29 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
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
用PHP代替JS玩转DOM的思路及示例代码
2014/06/15 PHP
PHP正则+Snoopy抓取框架实现的抓取淘宝店信誉功能实例
2017/05/17 PHP
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
简介JavaScript中search()方法的使用
2015/06/06 Javascript
详解JavaScript ES6中的模板字符串
2015/07/28 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
AngularJs Dependency Injection(DI,依赖注入)
2016/09/02 Javascript
jQuery插件zTree实现的多选树效果示例
2017/03/08 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
使用Python程序抓取新浪在国内的所有IP的教程
2015/05/04 Python
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
使用python实现接口的方法
2017/07/07 Python
Python输出带颜色的字符串实例
2017/10/10 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
python word转pdf代码实例
2019/08/16 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
没编程基础可以学python吗
2020/06/17 Python
华润集团网上药店:健一网
2016/09/19 全球购物
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
你所在的项目是如何确定版本号的
2015/12/28 面试题
体育专业个人的求职信范文
2013/09/21 职场文书
财务主管的岗位职责
2013/12/30 职场文书
应届专科生个人的自我评价
2014/01/05 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
现场活动策划方案
2014/08/22 职场文书
行政复议决定书
2015/06/24 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
MySQL表的增删改查(基础)
2021/04/05 MySQL
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python