jQuery实现定位滚动条位置


Posted in Javascript onAugust 05, 2016

jQuery实现滚动条滚动到子元素位置(方便定位)

关键代码如下所示:

<div class="of-y" id="nurse" >
<table class="high width" id="nurse-plan">
<tr id="tr-one"></tr>
<tr id="tr-two"></tr>
<tr id="tr-three"></tr>
<tr id="tr-four"></tr>
</table>
</div>

jQuery:

$("#nurse").scrollTop($("#nurse").scrollTop() + $('#tr-three').offset().top - $("#nurse").offset().top); --普通
$("#nurse").animate({ scrollTop: $("#nurse").scrollTop() + $('#tr-three').offset().top - $("#nurse").offset().top }, 1000); --有动画效果

以上所述是小编给大家介绍的jQuery实现定位滚动条位置,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
加速IE的Javascript document输出的方法
Dec 02 Javascript
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
js拼接html注意问题示例探讨
Jul 14 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
javascript中Array()数组函数详解
Aug 23 Javascript
轻松实现javascript数据双向绑定
Nov 11 Javascript
在ABP框架中使用BootstrapTable组件的方法
Jul 31 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
Aug 28 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
Jul 09 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
Aug 05 #Javascript
浅谈JavaScript中的this指针和引用知识
Aug 05 #Javascript
JavaScript中的this引用(推荐)
Aug 05 #Javascript
JS实现HTML表格排序功能
Aug 05 #Javascript
JavaScript如何实现跨域请求
Aug 05 #Javascript
JavaScript数组操作函数汇总
Aug 05 #Javascript
Jquery获取当前城市的天气信息
Aug 05 #Javascript
You might like
PHP个人网站架设连环讲(四)
2006/10/09 PHP
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
php二分法在IP地址查询中的应用
2008/08/12 PHP
php数据库操作model类(使用__call方法)
2016/11/16 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
JQuery 无废话系列教程(二) jquery实战篇上
2009/06/23 Javascript
js操作二级联动实现代码
2010/07/27 Javascript
分享JavaScript获取网页关闭与取消关闭的事件
2013/12/13 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
Jquery动态添加输入框的方法
2015/05/29 Javascript
原生js实现ajax方法(超简单)
2016/09/20 Javascript
详解Nodejs内存治理
2018/05/13 NodeJs
解决select2在bootstrap modal中不能正常使用的问题
2018/08/09 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
Vue 实现把表单form数据 转化成json格式的数据
2019/10/29 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
js 闭包深入理解与实例分析
2020/03/19 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
Python使用selenium实现网页用户名 密码 验证码自动登录功能
2018/05/16 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
Python多线程多进程实例对比解析
2020/03/12 Python
PyQt5实现简单的计算器
2020/05/30 Python
台湾生鲜宅配:大口市集
2017/10/14 全球购物
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
超市店庆活动方案
2014/08/31 职场文书
教师学期个人总结
2015/02/11 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
公司车辆管理制度
2015/08/04 职场文书
如何书写邀请函?
2019/06/24 职场文书
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL
python实现简单聊天功能
2021/07/07 Python
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python
Java工作中实用的代码优化技巧分享
2022/04/21 Java/Android