通过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 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
javascript forEach通用循环遍历方法
Oct 11 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 Javascript
jQuery实现ctrl+enter(回车)提交表单
Oct 19 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
微信公众号 摇一摇周边功能开发
Dec 08 Javascript
分享vue.js devtools遇到一系列问题
Oct 24 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 Javascript
详解微信小程序用定时器实现倒计时效果
Apr 30 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 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
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
使用php检测用户当前使用的浏览器是否为IE浏览器
2013/12/03 PHP
Javascript 复制数组实现代码
2009/11/26 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
理解Javascript的call、apply
2015/12/16 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
2016/06/08 Javascript
jQuery基本选择器之标签名选择器
2016/09/03 Javascript
less简单入门(CSS 预处理语言)
2017/03/08 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
nodejs 使用nodejs-websocket模块实现点对点实时通讯
2018/11/28 NodeJs
详解如何使用微信小程序云函数发送短信验证码
2019/03/13 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
JavaScript链式调用原理与实现方法详解
2020/05/16 Javascript
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
python实现的一个p2p文件传输实例
2014/06/04 Python
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
使用python根据端口号关闭进程的方法
2018/11/06 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
解决使用export_graphviz可视化树报错的问题
2019/08/09 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
基于Python fminunc 的替代方法
2020/02/29 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
十八届三中全会个人学习材料
2014/02/13 职场文书
学习型党组织心得体会
2014/09/12 职场文书
学生抄袭作业的检讨书
2014/10/02 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android
JavaScript利用html5新方法操作元素类名详解
2021/11/27 Javascript