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


Posted in Javascript onJanuary 08, 2017

 话不多说,请看代码:

<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); --有动画效果

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
javascript Keycode对照表
Oct 24 Javascript
小议javascript 设计模式 推荐
Oct 28 Javascript
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
jquery调用asp.net 页面后台的实现代码
Apr 27 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
jQuery使用drag效果实现自由拖拽div
Jun 11 Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 Javascript
js判断鼠标移入移出方向的方法
Jun 24 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 #Javascript
jQuery实现文字自动横移
Jan 08 #Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 #Javascript
JavaScript中日常收集常见的10种错误(推荐)
Jan 08 #Javascript
详解js中==与===的区别
Jan 08 #Javascript
JavaScript 动态三角函数实例详解
Jan 08 #Javascript
你不知道的 javascript【推荐】
Jan 08 #Javascript
You might like
在PHP中使用模板的方法
2008/05/24 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
UPUPW 更新 64 位 Apache 系列 PHP 7.0 正式版
2015/12/08 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
2013/08/21 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
Vue.js第四天学习笔记(组件)
2016/12/02 Javascript
js实现手机拍照上传功能
2017/01/17 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
详解Vue SPA项目优化小记
2018/07/03 Javascript
vue实现分页组件
2020/06/16 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
python 网络爬虫初级实现代码
2016/02/27 Python
Python设计模式编程中解释器模式的简单程序示例分享
2016/03/02 Python
tensorflow更改变量的值实例
2018/07/30 Python
用Python编写一个简单的CS架构后门的方法
2018/11/20 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
2019/08/22 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
python 星号(*)的多种用途
2020/09/21 Python
python和opencv构建运动检测器的实现
2021/03/03 Python
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
应用艺术专业个人的自我评价
2014/01/03 职场文书
高中竞选班长演讲稿
2014/04/24 职场文书
军训拉歌口号
2014/06/13 职场文书
总经理检讨书
2014/09/15 职场文书