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的12个网站推荐
Apr 28 Javascript
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
JavaScript设计模式之策略模式实例
Oct 10 Javascript
JavaScript中获取鼠标位置相关属性总结
Oct 11 Javascript
IE8中动态创建script标签onload无效的解决方法
Dec 22 Javascript
JavaScript DOM基础
Apr 13 Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
vuejs指令详解
Feb 07 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
element-ui如何防止重复提交的方法步骤
Dec 09 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 获取远程文件大小的3种解决方法
2013/07/11 PHP
PHP脚本监控Nginx 502错误并自动重启php-fpm
2015/05/13 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
摘自启点的main.js
2008/04/20 Javascript
jQuery 表单验证扩展(四)
2010/10/20 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
JavaScript实现强制重定向至HTTPS页面
2015/06/10 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
javascript学习小结之prototype
2015/12/03 Javascript
jQuery实现的网格线绘制方法
2016/06/20 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
2017/10/25 Javascript
原生JavaScript实现的简单放大镜效果示例
2018/02/07 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
2019/08/27 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
vue键盘事件点击事件加native操作
2020/07/27 Javascript
python基于multiprocessing的多进程创建方法
2015/06/04 Python
Python打包方法Pyinstaller的使用
2018/10/09 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
Omio中国:全欧洲低价大巴、火车和航班搜索和比价
2018/08/09 全球购物
英国玛莎百货美国官网:Marks & Spencer美国
2018/11/06 全球购物
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
学生档案自我鉴定
2013/10/07 职场文书
气象学专业个人求职信
2014/04/22 职场文书
2014年组织部工作总结
2014/11/14 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python
javascript canvas实现雨滴效果
2021/06/09 Javascript
SQL Server一个字符串拆分多行显示或者多行数据合并成一个字符串
2022/05/25 SQL Server