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新手语法小结
Jun 15 Javascript
JavaScript Eval 函数使用
Mar 23 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
JS实现定时自动关闭DIV层提示框的方法
May 11 Javascript
BootStrap tab选项卡使用小结
Aug 09 Javascript
Web前端框架bootstrap实战【第一次接触使用】
Dec 28 Javascript
如何选择适合你的JavaScript框架
Nov 20 Javascript
详解Vue组件之间通信的七种方式
Apr 14 Javascript
VUE组件中的 Drawer 抽屉实现代码
Aug 06 Javascript
详解如何在JS代码中消灭for循环
Dec 11 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
Sep 21 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
smarty缓存用法分析
2014/12/16 PHP
php数字运算验证码的实现代码
2015/07/30 PHP
PHP利用超级全局变量$_POST来接收表单数据的实例
2016/11/05 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
2015/11/01 Javascript
基于JavaScript实现自动更新倒计时效果
2016/12/19 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
2016/12/27 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
vue项目使用微信公众号支付总结及遇到的坑
2018/10/23 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
vue在路由中验证token是否存在的简单实现
2019/11/11 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
2020/10/19 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
2021/01/20 Vue.js
Python strip lstrip rstrip使用方法
2008/09/06 Python
Python 专题一 函数的基础知识
2017/03/16 Python
Python操作SQLite数据库的方法详解
2017/06/16 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
python验证码识别的示例代码
2017/09/21 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
Python 爬取必应壁纸的实例讲解
2020/02/24 Python
巴西购物网站:Onofre Agora
2020/06/08 全球购物
幼儿园园长自我鉴定
2013/10/22 职场文书
2014年会演讲稿范文
2014/01/06 职场文书
人力资源经理的岗位职责范本
2014/02/28 职场文书
《四季》教学反思
2014/04/08 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
个人授权委托书格式
2014/08/30 职场文书
校园环境卫生倡议书
2015/04/29 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
python实现图片九宫格分割的示例
2021/04/25 Python
python前后端自定义分页器
2022/04/13 Python