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 cookie操作类的实现代码小结附使用方法
Jun 02 Javascript
JS中的构造函数详细解析
Mar 10 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
Jun 19 Javascript
浅谈JavaScript异步编程
Jan 20 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
Angularjs 事件指令详细整理
Jul 27 Javascript
vue2组件之select2调用的示例代码
Oct 12 Javascript
vue webpack打包优化操作技巧
Feb 22 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 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
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
php去除数组中重复数据
2014/11/18 PHP
PHP中substr()与explode()函数用法分析
2014/11/24 PHP
php从文件夹随机读取文件的方法
2015/06/01 PHP
用php+ajax新建流程(请假、进货、出货等)
2017/06/11 PHP
PHP操作Postgresql封装类与应用完整实例
2018/04/24 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
JavaScript 数组的 uniq 方法
2008/01/23 Javascript
犀利的js 函数集合
2009/06/11 Javascript
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
终于解决了IE8不支持数组的indexOf方法
2013/04/03 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
JavaScript 对象深入学习总结(经典)
2015/09/29 Javascript
jQuery CSS3相结合实现时钟插件
2016/01/08 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
2016/09/21 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
Python 抓取动态网页内容方案详解
2014/12/25 Python
python实现TCP服务器端与客户端的方法详解
2015/04/30 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
python 基于selectors库实现文件上传与下载
2020/12/31 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
Goodee官方商店:迷你投影仪
2021/03/15 全球购物
新闻记者实习自我鉴定
2013/09/19 职场文书
茶叶店创业计划书范文
2014/01/19 职场文书
妈妈的账单教学反思
2014/02/06 职场文书
社区交通安全实施方案
2014/03/22 职场文书
授权委托书(完整版)
2014/09/10 职场文书
国庆节慰问信
2015/02/15 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
2015年文秘个人工作总结
2015/10/14 职场文书