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数组处理多个字符串的连接问题
Aug 20 Javascript
深入理解javascript中return的作用
Dec 30 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
Dec 08 Javascript
高性能JavaScript DOM编程(1)
Aug 11 Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 Javascript
JavaScript html5 canvas绘制时钟效果(二)
Mar 27 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
Node.js assert断言原理与用法分析
Jan 04 Javascript
微信小程序全局变量功能与用法详解
Jan 22 Javascript
vue-openlayers实现地图坐标弹框效果
Sep 24 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
Protoss魔法科技
2020/03/14 星际争霸
在php中取得image按钮传递的name值
2006/10/09 PHP
解析PHP中intval()等int转换时的意外异常情况
2013/06/21 PHP
php记录代码执行时间(实现代码)
2013/07/05 PHP
PHP程序员常见的40个陋习,你中了几个?
2014/11/20 PHP
thinkphp 手机号和用户名同时登录
2017/01/20 PHP
PHP中类的自动加载的方法
2017/03/17 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/20 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
js实现常用排序算法
2016/08/09 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
2017/01/10 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
2018/01/16 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
vue 通过绑定事件获取当前行的id操作
2020/07/27 Javascript
[01:08]2014DOTA2展望TI 剑指西雅图LGD战队专访
2014/06/30 DOTA
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
Python 字典与字符串的互转实例
2017/01/13 Python
python实现Adapter模式实例代码
2018/02/09 Python
bluepy 一款python封装的BLE利器简单介绍
2019/06/25 Python
numpy.array 操作使用简单总结
2019/11/08 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
Django操作session 的方法
2020/03/09 Python
Html5之自定义属性(data-,dataset)
2019/11/19 HTML / CSS
美国销售第一的智能手机和平板电脑保护壳:OtterBox
2017/12/21 全球购物
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
syb养殖创业计划书
2014/01/09 职场文书
sql server删除前1000行数据的方法实例
2021/08/30 SQL Server
Python中的pprint模块
2021/11/27 Python
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS