通过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入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
用JS剩余字数计算的代码
Jul 03 Javascript
js中关于一个分号的崩溃示例
Nov 11 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
Angular中$compile源码分析
Jan 28 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
vue如何将v-for中的表格导出来
May 07 Javascript
vue的toast弹窗组件实例详解
May 14 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
JS 基本概念详细介绍
Oct 16 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代码简化
2010/02/08 PHP
php实现查询百度google收录情况(示例代码)
2013/08/02 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
php实现的支付宝网页支付功能示例【基于TP5框架】
2019/09/16 PHP
phpstudy隐藏index.php的方法
2020/09/21 PHP
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
window.location.href IE下跳转失效的解决方法
2014/03/27 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
2016/12/23 Javascript
js中的触发事件对象event.srcElement与event.target详解
2017/03/15 Javascript
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
2020/07/30 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
解决python调用自己文件函数/执行函数找不到包问题
2020/06/01 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
领导干部作风整顿剖析材料
2014/10/11 职场文书
2014年残联工作总结
2014/11/21 职场文书
2016年少先队活动总结
2016/04/06 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
导游词之西江千户苗寨
2019/12/24 职场文书
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
python识别围棋定位棋盘位置
2021/07/26 Python
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技