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获取各种宽度、高度的简单介绍
Dec 19 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
javascript中数组的定义及使用实例
Jan 21 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
Dec 05 Javascript
关于Node.js的events.EventEmitter用法介绍
Apr 01 Javascript
vue 请求后台数据的实例代码
Jun 22 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
JS实现基本的网页计算器功能示例
Jan 16 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 file_get_contents函数轻松采集html数据
2010/04/22 PHP
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
php解析xml方法实例详解
2015/05/12 PHP
php基于Snoopy解析网页html的方法
2015/07/09 PHP
PHP的文件操作与算法实现的面试题示例
2015/08/10 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
javascript如何操作HTML下拉列表标签
2015/08/20 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
详解VUE2.X过滤器的使用方法
2018/01/11 Javascript
vue 标签属性数据绑定和拼接的实现方法
2018/05/17 Javascript
angular 数据绑定之[]和{{}}的区别
2018/09/25 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
2019/09/29 Javascript
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
详解vue 组件的实现原理
2020/11/12 Javascript
Element-ui upload上传文件限制的解决方法
2021/01/22 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
Python字典操作简明总结
2015/04/13 Python
使用Python的Twisted框架编写非阻塞程序的代码示例
2016/05/25 Python
Python的numpy库中将矩阵转换为列表等函数的方法
2018/04/04 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
基于Python实现视频的人脸融合功能
2020/06/12 Python
香港演唱会订票网站:StubHub香港
2019/10/10 全球购物
幼儿园门卫岗位职责范本
2014/07/02 职场文书
中学生运动会通讯稿大全
2014/09/18 职场文书
2014年连锁店圣诞节活动方案
2014/12/09 职场文书