通过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 相关文章推荐
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
js中如何把字符串转化为对象、数组示例代码
Jul 17 Javascript
jQuery自带的一些常用方法总结
Sep 03 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
前端程序员必须知道的高性能Javascript知识
Aug 24 Javascript
很酷的星级评分系统原生JS实现
Aug 25 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
Sep 01 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 Javascript
Vuex模块化应用实践示例
Feb 03 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 Javascript
React实现动效弹窗组件
Jun 21 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
利用static实现表格的颜色隔行显示
2006/10/09 PHP
中英文字符串翻转函数
2008/12/09 PHP
PHP数组及条件,循环语句学习
2012/11/11 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
php使用指定字符列表生成随机字符串的方法
2015/04/18 PHP
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
谈谈PHP连接Access数据库的注意事项
2016/08/12 PHP
详解php协程知识点
2018/09/21 PHP
javascript实现上传图片前的预览(TX的面试题)
2007/08/20 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
javascript 使用 NodeList需要注意的问题
2013/03/04 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
利用jquery禁止外层滚动条的滚动
2017/01/05 Javascript
jQuery鼠标悬停内容动画切换效果
2017/04/27 jQuery
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
vue 内置过滤器的使用总结(附加自定义过滤器)
2018/12/11 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
uni-app使用countdown插件实现倒计时
2020/11/01 Javascript
python中子类调用父类函数的方法示例
2017/08/18 Python
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
2017/08/18 HTML / CSS
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
2019/01/17 HTML / CSS
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
C语言编程练习
2012/04/02 面试题
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
应用数学自荐书范文
2013/11/24 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
2016教师校本培训心得体会
2016/01/08 职场文书
创业计划书之服装
2019/10/07 职场文书
go语言中切片与内存复制 memcpy 的实现操作
2021/04/27 Golang