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滚动条插件slimScroll使用方法
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
- 利用jquery禁止外层滚动条的滚动
- jQuery实现立体式数字滚动条增加效果
- jQuery中Nicescroll滚动条插件的用法
- jQuery判断是否存在滚动条的简单方法
- jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
- jQuery实现将div中滚动条滚动到指定位置的方法
- vue中如何引入jQuery和Bootstrap
- bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
- Jquery与Bootstrap实现后台管理页面增删改查功能示例
- 利用jquery和BootStrap实现动态滚动条效果
相关文章
最近在做一个网站，遇到需要给网站内所有的文章加关键字链接的问题，我们在浏览一些网站的文章的时候，会发现文章里面的某些关键字是加了链接的，并且高亮显示。2010-10-10
jquery实现获取具体时间(年月日)后3个月+1天的年月日
这篇文章主要为大家详细介绍了jquery如何实现获取具体时间(年月日)后3个月+1天的年月日,文中的示例代码讲解详细,有需要的小伙伴可以参考一下2023-11-11
浮动DIV定时显示提示信息,如操作成功, 失败等,需要的朋友可以参考下。2011-02-02
下面小编就为大家带来一篇jQuery绑定事件-多种实现方式总结。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-05-05
这段代码压缩到100行内，而且扩展方便，可以非常轻松的增减控件的数量,使用非常简单。2010-08-08
这篇文章主要为大家详细介绍了基于jQuery实现定位导航位置效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
表格增行删行一般情况下都是通过修改html结构实现的，接下来为大家介绍下如何使用jquery实现表格增行删行，感兴趣的各位可不要错过了哈2013-03-03
用jquery实现自定义风格的滑动条的实现代码，需要的朋友可以参考下。2011-04-04
点击一个按钮时，弹出一个自定义窗口，并且可以随意的拖拽，jquery也可以实现这样的功能，下面有个不错的示例，大家可以感受下2014-03-03
这篇文章主要介绍了jQuery实现滚动切换的tab选项卡效果代码,涉及jquery链式操作及样式动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
最新评论