jQuery实现滚动条滚动到子元素位置（方便定位）

更新时间：2017年01月08日 14:36:28 作者：Mr.Bruce

本文主要介绍了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实现百叶窗效果
本文主要分享了jquery实现百叶窗效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
jquery实现图片上传之前预览的方法
这篇文章主要介绍了jquery实现图片上传之前预览的方法,涉及jquery针对图片及页面元素的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
jQuery链使用指南
这篇文章主要介绍了jQuery链使用方法，以及用哪些方法尅控制jQuery链，非常的详细,需要的朋友可以参考下
2015-01-01
jquery制作的移动端购物车效果完整示例
这篇文章主要介绍了jquery制作的移动端购物车效果,结合完整实例形式详细分析了jQuery移动端购物车具体功能实现、数值计算、界面布局与显示效果相关操作技巧,需要的朋友可以参考下
2020-02-02
jQuery实现验证用户登录
这篇文章主要为大家详细介绍了jQuery实现验证用户登录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-12-12
jQuery获取元素父节点的方法
这篇文章主要介绍了使用jQuery获取元素父节点的方法,通俗易懂,需要的朋友可以参考下。
2016-06-06
JQuery 国际象棋棋盘实现代码
前些时候为了熟悉国际象棋的各种开局，随手写了一个很简单的国际象棋棋盘（实在找不到现成的）。
2009-06-06
jquery select操作的日期联动实现代码
是很简单的代码不过我自己操作的时候才发现我自己还有很多不懂，要多实际应用才发现问题，哎~~
2009-12-12
jQuery Form插件使用详解_动力节点Java学院整理
这篇文章主要为大家详细介绍了jQuery Form插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-07-07
详解jQuery中的isPlainObject()使用方法
本篇文章给大家详细分析了jQuery中的isPlainObject()使用方法，对此有需求的读者们可以学习下。
2018-02-02

jQuery实现滚动条滚动到子元素位置（方便定位）

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具