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 学习第五课 Ajax 使用说明
May 17 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
Apr 14 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 Javascript
JavaScript实现连连看连线算法
Jan 05 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
浅谈vue异步数据影响页面渲染
Oct 29 Javascript
如何通过javaScript去除字符串两端的空白字符
Feb 06 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 Javascript
create-react-app开发常用配置教程
Jun 25 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 操作调试的方法
2012/07/12 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
PHP简单判断手机设备的方法
2016/08/23 PHP
php简单截取字符串代码示例
2016/10/19 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
Perl Substr()函数及函数的应用
2015/12/16 Javascript
JavaScript DOM节点操作方法总结
2016/08/23 Javascript
TypeScript学习之强制类型的转换
2016/12/27 Javascript
浅谈javascript的url参数parse和build函数
2017/03/04 Javascript
作为老司机使用 React 总结的 11 个经验教训
2017/04/08 Javascript
javascript实现电脑和手机版样式切换
2017/11/10 Javascript
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
微信小程序实现的日期午别医生排班表功能示例
2019/01/09 Javascript
微信小程序实现的canvas合成图片功能示例
2019/05/03 Javascript
3分钟读懂移动端rem使用方法(推荐)
2019/05/06 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
Python实现大文件排序的方法
2015/07/10 Python
python 编程之twisted详解及简单实例
2017/01/28 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
html5使用canvas实现跟随光标跳动的火焰效果
2014/01/07 HTML / CSS
英国最大的奢侈品零售网络商城:Flannels
2016/09/16 全球购物
中国制造网:Made-in-China.com
2019/10/25 全球购物
洗车工岗位职责
2014/03/15 职场文书
协议书范文
2015/01/27 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
七年级数学教学反思
2016/02/17 职场文书
个人销售励志奋斗口号
2019/12/05 职场文书
PHP中->和=>的意思
2021/03/31 PHP
Golang实现AES对称加密的过程详解
2021/05/20 Golang
设置IIS Express并发数
2022/07/07 Servers