通过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中combobox多选的不兼容问题总结
Dec 24 Javascript
三种取消选中单选框radio的方法
Sep 09 Javascript
javascript框架设计读书笔记之种子模块
Dec 02 Javascript
jQuery中add()方法用法实例
Jan 08 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
Nov 01 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
浅谈VUE监听窗口变化事件的问题
Feb 24 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
Mar 03 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
微信小程序实现tab页面切换功能
Jul 13 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 31 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
mysql 字段类型说明
2007/04/27 PHP
PHP数组交集的优化代码分析
2011/03/06 PHP
PHP5权威编程阅读学习笔记 附电子书下载
2012/07/05 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
vue-cli+webpack记事本项目创建
2017/04/01 Javascript
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
2019/11/12 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
使用优化器来提升Python程序的执行效率的教程
2015/04/02 Python
python使用append合并两个数组的方法
2015/04/28 Python
详解python之配置日志的几种方式
2017/05/22 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
Tensorflow 实现将图像与标签数据转化为tfRecord文件
2020/02/17 Python
英国建筑用品在线:Building Supplies Online(BSO)
2018/04/30 全球购物
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
税务会计岗位职责
2014/02/18 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
小学优秀教育工作者事迹材料
2014/05/09 职场文书
物理教育专业求职信
2014/06/25 职场文书
2014年项目工作总结
2014/11/24 职场文书
评估“风险”创业计划的几大要点
2019/08/12 职场文书
python用tkinter开发的扫雷游戏
2021/06/01 Python
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL