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 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
通过下拉框的值来确定输入框是否可以为空的代码
Oct 18 Javascript
JS根据生日算年龄的方法
May 05 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
VUE中使用Vue-resource完成交互
Jul 21 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
vue接入腾讯防水墙代码
May 07 Javascript
微信小程序wxml列表渲染原理解析
Nov 27 Javascript
vue自定义树状结构图的实现方法
Oct 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
第九节 绑定 [9]
2006/10/09 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
PHP针对redis常用操作实例详解
2019/08/17 PHP
关于Curl在Swoole协程中的解决方案详析
2019/09/12 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
2009/11/24 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
Bootstrap每天必学之导航条
2015/11/27 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
利用vscode调试编译后的js代码详解
2018/05/14 Javascript
vue.js配合$.post从后台获取数据简单demo分享
2018/08/11 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
[00:57]林俊杰助阵DOTA2亚洲邀请赛
2015/01/28 DOTA
python解决方案:WindowsError: [Error 2]
2016/08/28 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
Python中psutil的介绍与用法
2019/05/02 Python
Python  Django 母版和继承解析
2019/08/09 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
Django REST 异常处理详解
2020/07/15 Python
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
Oracle中delete,truncate和drop的区别
2016/05/05 面试题
餐饮企业总经理岗位职责范文
2014/02/18 职场文书
学校督导评估方案
2014/06/10 职场文书
安全口号大全
2014/06/21 职场文书
幸福中国演讲稿
2014/09/12 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
大学推普周活动总结
2015/05/07 职场文书
2015年社区教育工作总结
2015/05/13 职场文书
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang
通过Python把学姐照片做成拼图游戏
2022/02/15 Python