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 相关文章推荐
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
jquery命令汇总,方便使用jquery的朋友
Jun 26 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
用js屏蔽被http劫持的浮动广告实现方法
Aug 10 Javascript
使用vue-router设置每个页面的title方法
Feb 11 Javascript
微信小程序时间控件picker view使用详解
Dec 28 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
vue中的过滤器实例代码详解
Jun 06 Javascript
在vue中实现嵌套页面(iframe)
Jul 30 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
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
队列在编程中的实际应用(php)
2010/09/04 PHP
laravel学习教程之存取器
2016/07/30 PHP
详谈symfony window下的安装 安装时候出现的问题以及解决方法
2017/09/28 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
使用javascript访问XML数据的实例
2006/12/27 Javascript
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
2014/05/23 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
批量下载对路网图片并生成html的实现方法
2016/06/07 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
2016/06/20 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
2016/08/24 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
python实现在windows下操作word的方法
2015/04/28 Python
python实现简单的socket server实例
2015/04/29 Python
Python实现列表转换成字典数据结构的方法
2016/03/11 Python
单利模式及python实现方式详解
2018/03/20 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
Python传递参数的多种方式(小结)
2019/09/18 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
简单了解如何封装自己的Python包
2020/07/08 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
大学军训决心书
2015/02/05 职场文书
排球赛新闻稿
2015/07/17 职场文书
《葡萄沟》教学反思
2016/02/23 职场文书
解决Python字典查找报Keyerror的问题
2021/05/26 Python
MySQL如何解决幻读问题
2021/08/07 MySQL
P站美图推荐——变身女主角特辑
2022/03/20 日漫
Vscode中SSH插件如何远程连接Linux
2022/05/02 Servers