jQuery实现定位滚动条位置


Posted in Javascript onAugust 05, 2016

jQuery实现滚动条滚动到子元素位置(方便定位)

关键代码如下所示:

<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); --有动画效果

以上所述是小编给大家介绍的jQuery实现定位滚动条位置,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS代码格式化和语法着色V2
Oct 14 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
Jul 01 Javascript
jquery eval解析JSON中的注意点介绍
Aug 23 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
如何动态加载外部Javascript文件
Dec 02 Javascript
Javascript实现检测客户端类型代码封包
Dec 03 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
Actionscript与javascript交互实例程序(修改)
Sep 22 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
Angular2中如何使用ngx-translate进行国际化
May 21 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
jquery 验证用户名是否重复代码实例
May 14 jQuery
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
Aug 05 #Javascript
浅谈JavaScript中的this指针和引用知识
Aug 05 #Javascript
JavaScript中的this引用(推荐)
Aug 05 #Javascript
JS实现HTML表格排序功能
Aug 05 #Javascript
JavaScript如何实现跨域请求
Aug 05 #Javascript
JavaScript数组操作函数汇总
Aug 05 #Javascript
Jquery获取当前城市的天气信息
Aug 05 #Javascript
You might like
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
php实现给二维数组中所有一维数组添加值的方法
2017/02/04 PHP
Laravel ORM 数据model操作教程
2019/10/21 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
2007/11/12 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
2013/04/23 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
SyntaxHighlighter 3.0.83使用笔记
2015/01/26 Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
2015/11/02 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
nodejs+websocket实时聊天系统改进版
2017/05/18 NodeJs
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
Nodejs中crypto模块的安全知识讲解
2018/01/03 NodeJs
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
js正则相关知识点专题
2018/05/10 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
Python中运算符&quot;==&quot;和&quot;is&quot;的详解
2016/10/08 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
Python标准库inspect的具体使用方法
2017/12/06 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
详解flask入门模板引擎
2018/07/18 Python
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
函授本科个人自我鉴定
2014/03/25 职场文书
党员个人剖析材料(四风问题)
2014/10/07 职场文书
2015年公务员个人工作总结
2015/04/24 职场文书
大学团日活动总结书
2015/05/11 职场文书
因个人原因离职的辞职信范文
2015/05/12 职场文书
公司酒会主持词
2015/07/02 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
nginx 配置缓存
2022/05/11 Servers