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 相关文章推荐
JQuery实现用户名无刷新验证的小例子
Mar 22 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
Sep 14 Javascript
原生JS实现-星级评分系统的简单实例
Aug 21 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
Aug 16 Javascript
Angular实现的简单定时器功能示例
Dec 28 Javascript
JavaScript类的继承方法小结【组合继承分析】
Jul 11 Javascript
vue自定义tap指令及tap事件的实现
Sep 18 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 Javascript
JS实现超级好看的鼠标小尾巴特效
Dec 01 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实现图片等比例缩放代码
2015/07/23 PHP
CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法
2015/12/17 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
thinkphp3.x中变量的获取和过滤方法详解
2016/05/20 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
通过Javascript创建一个选择文件的对话框代码
2012/06/16 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
layui使用label标签的方法
2019/09/14 Javascript
[33:42]LGD vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
zbar解码二维码和条形码示例
2014/02/07 Python
TensorFlow 滑动平均的示例代码
2018/06/19 Python
python中datetime模块中strftime/strptime函数的使用
2018/07/03 Python
PyQt打开保存对话框的方法和使用详解
2019/02/27 Python
TensorFlow 读取CSV数据的实例
2020/02/05 Python
详解python算法常用技巧与内置库
2020/10/17 Python
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
应届大专毕业生个人自荐信
2013/09/22 职场文书
副董事长岗位职责
2014/04/02 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
局火灾防控工作方案
2014/05/25 职场文书
党员民主评议个人总结
2014/10/20 职场文书
2015年员工试用期工作总结
2015/05/28 职场文书
西柏坡观后感
2015/06/08 职场文书
HTML页面滚动时部分内容位置固定不滚动的实现
2021/04/14 HTML / CSS
用Python可视化新冠疫情数据
2022/01/18 Python
tomcat正常启动但网页却无法访问的几种解决方法
2022/05/06 Servers
3050和2060哪个好 性能差多少 差距有多大 谁更有性价比
2022/06/17 数码科技