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 相关文章推荐
jQuery对象与DOM对象之间的转换方法
Apr 15 Javascript
jQuery代码优化 事件委托篇
Nov 01 Javascript
js性能优化 如何更快速加载你的JavaScript页面
Mar 17 Javascript
js获取class的所有元素
Mar 28 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
Mar 03 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
Jul 27 Javascript
如何用webpack4带你实现一个vue的打包的项目
Jun 20 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
微信小程序框架的页面布局代码
Aug 17 Javascript
Vue程序化的事件监听器(实例方案详解)
Jan 07 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 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 和 XML: 使用expat函数(二)
2006/10/09 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
javascript实现的listview效果
2007/04/28 Javascript
jQuery1.6 类型判断实现代码
2011/09/01 Javascript
JS实现随机化快速排序的实例代码
2013/08/01 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
JQuery用户名校验的具体实现
2016/03/18 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
2016/11/27 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
2018/07/03 Javascript
NodeJs实现简单的爬虫功能案例分析
2018/12/05 NodeJs
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
python计算时间差的方法
2015/05/20 Python
插入排序_Python与PHP的实现版(推荐)
2017/05/11 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
pyQT5 实现窗体之间传值的示例
2019/06/20 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
Django之模板层的实现代码
2019/09/09 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
贝尔帐篷精品店:Bell Tent Boutique
2019/06/12 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
驾驶员培训方案
2014/05/01 职场文书
街道务虚会发言材料
2014/10/20 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
2014年维稳工作总结
2014/11/18 职场文书
培训督导岗位职责
2015/04/10 职场文书
企业愿景口号
2015/12/25 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js
使用javascript解析二维码的三种方式
2021/11/11 Javascript
python如何为list实现find方法
2022/05/30 Python