通过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 相关文章推荐
javascript奇异的arguments分析
Oct 20 Javascript
一个获取第n个元素节点的js函数
Sep 02 Javascript
推荐9款炫酷的基于jquery的页面特效
Dec 07 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
实例讲解JavaScript中的this指向错误解决方法
Jun 13 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 Javascript
用director.js实现前端路由使用实例
Jan 27 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
Apr 24 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
OpenLayer3自定义测量控件MeasureTool
Sep 28 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
简单的用PHP编写的导航条程序
2006/10/09 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
PHP模版引擎原理、定义与用法实例
2019/03/29 PHP
js 事件小结 表格区别
2007/08/13 Javascript
浮动的div自适应居中显示的js代码
2013/12/23 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
2016/05/10 Javascript
JavaScript 基础函数_深入剖析变量和作用域
2016/05/18 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
BootStrap 页签切换失效的解决方法
2017/08/17 Javascript
使用JS动态显示文本
2017/09/09 Javascript
vue实现手机号码抽奖上下滚动动画示例
2017/10/18 Javascript
React中的render何时执行过程
2018/04/13 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
微信小程序入门之指南针
2020/10/22 Javascript
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
Python通过Pygame绘制移动的矩形实例代码
2018/01/03 Python
对Python实现简单的API接口实例讲解
2018/12/10 Python
使用Python 统计高频字数的方法
2019/01/31 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
原来我一直安装 Python 库的姿势都不对呀
2019/11/11 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
python 串行执行和并行执行实例
2020/04/30 Python
英国第一蛋白粉品牌:Myprotein
2016/09/14 全球购物
美国Lolё官网:购买大胆而美丽的女性运动服装
2017/05/22 全球购物
护理专科毕业推荐信
2013/11/10 职场文书
大学生两会精神学习心得体会
2014/03/10 职场文书
工程质量承诺书
2014/03/27 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
php去除数组中为0的元素的实例分析
2021/11/17 PHP
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js
pandas时间序列之pd.to_datetime()的实现
2022/06/16 Python