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 相关文章推荐
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 Javascript
关于JavaScript和jQuery的类型判断详解
Oct 08 Javascript
AngularJS获取json数据的方法详解
May 27 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
微信小程序实现人脸检测功能
May 25 Javascript
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
Vuex,iView UI面包屑导航使用扩展详解
Nov 04 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之第七天
2006/10/09 PHP
PHP 和 XML: 使用expat函数(一)
2006/10/09 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
PHP 面向对象程序设计(oop)学习笔记 (五) - PHP 命名空间
2014/06/12 PHP
自定义jQuery选项卡插件实例
2013/03/27 Javascript
Nodejs学习笔记之NET模块
2015/01/13 NodeJs
javascript实现简单的鼠标拖动效果实例
2015/04/10 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
js+css实现超简洁的二级下拉菜单效果代码
2015/09/07 Javascript
AngularJs表单验证实例详解
2016/05/30 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
详解react-native-fs插件的使用以及遇到的坑
2017/09/12 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
2018/02/16 Javascript
vue keep-alive的简单总结
2021/01/25 Vue.js
[02:49]DAC2018决赛日TOP5 LGD开启黑暗之门绝杀VP
2018/04/08 DOTA
python迭代器的使用方法实例
2013/11/21 Python
Python socket编程实例详解
2015/05/27 Python
python实现简易通讯录修改版
2018/03/13 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
pyinstaller还原python代码过程图解
2020/01/08 Python
适合Python初学者的一些编程技巧
2020/02/12 Python
python 装饰器的使用示例
2020/10/10 Python
购买澳大利亚最好的服装和内衣在线:BONDS
2016/10/14 全球购物
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
护理自荐信
2013/10/22 职场文书
优秀高中生事迹材料
2014/02/11 职场文书
文科生自我鉴定
2014/02/15 职场文书
房屋出租委托书格式
2014/09/23 职场文书
基层党员干部四风问题整改方向和措施
2014/09/25 职场文书
报到证办理个人委托书
2014/10/06 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
redis配置文件中常用配置详解
2021/04/14 Redis
MySQL命令无法输入中文问题的解决方式
2021/08/30 MySQL