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使用查询手册
Mar 07 Javascript
一个js封装的不错的选项卡效果代码
Feb 15 Javascript
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
js实现宇宙星空背景效果的方法
Mar 03 Javascript
新手快速学习JavaScript免费教程资源汇总
Jun 25 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
Angular2使用Augury来调试Angular2程序
May 21 Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
JavaScript使用闭包模仿块级作用域操作示例
Jan 21 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
vue中使用vue-pdf的方法详解
Sep 05 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
在apache下限制每个虚拟主机的并发数!!!!
2006/10/09 PHP
在线增减.htpasswd内的用户
2006/10/09 PHP
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
php+mysql删除指定编号员工信息的方法
2015/01/14 PHP
PHP CURL 多线程操作代码实例
2015/05/13 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
漂亮的提示信息(带箭头)
2007/03/21 Javascript
JObj预览一个JS的框架
2008/03/13 Javascript
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
javascript模拟订火车票和退票示例
2014/04/24 Javascript
跟我学习javascript的执行上下文
2015/11/18 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
boostrap模态框二次弹出清空原有内容的方法
2018/08/10 Javascript
jquery实现垂直无限轮播的方法分析
2019/07/16 jQuery
js实现图片跟随鼠标移动效果
2019/10/16 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
微信jssdk踩坑之签名错误invalid signature
2020/05/19 Javascript
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
在Python中使用元类的教程
2015/04/28 Python
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
Win10下python 2.7与python 3.7双环境安装教程图解
2019/10/12 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
介绍一下Ruby的特点
2013/01/20 面试题
幼儿园家长安全责任书
2014/07/22 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
督导岗位职责
2015/02/04 职场文书
建议书范文
2015/02/05 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
调任通知
2015/04/21 职场文书
教师节大会主持词
2015/07/06 职场文书
朋友离别感言
2015/08/04 职场文书