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控制弹窗实现在任意分辨率下居中显示
Aug 01 Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
JS数组去重与取重的示例代码
Jan 24 Javascript
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
Sep 25 Javascript
全面了解JavaScript的数据类型转换
Jul 01 Javascript
js实现点击图片自动提交action的简单方法
Oct 16 Javascript
javascript中的event loop事件循环详解
Dec 14 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
vue滑动吸顶及锚点定位的示例代码
May 10 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
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
浅析PHP原理之变量(Variables inside PHP)
2013/08/09 PHP
thinkPHP框架乐观锁和悲观锁实例分析
2019/10/30 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
Jquery + Ajax调用webService实例代码(asp.net)
2010/08/27 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
nodejs中使用monk访问mongodb
2014/07/06 NodeJs
js实现图片在未加载完成前显示加载中字样
2014/09/03 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
JS实现二维数组元素的排列组合运算简单示例
2019/01/28 Javascript
Vue3新特性之在Composition API中使用CSS Modules
2020/07/13 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
python关闭windows进程的方法
2015/04/18 Python
在Python的web框架中编写创建日志的程序的教程
2015/04/30 Python
改进Django中的表单的简单方法
2015/07/17 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
Python中时间datetime的处理与转换用法总结
2019/02/18 Python
从0开始的Python学习016异常
2019/04/08 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
python 公共方法汇总解析
2019/09/16 Python
Python3安装pip工具的详细步骤
2019/10/14 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
将labelme格式数据转化为标准的coco数据集格式方式
2020/02/17 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
什么是触发器(trigger)? 触发器有什么作用?
2013/09/18 面试题
激情洋溢的毕业生就业求职信
2014/03/15 职场文书
班组长竞聘书
2014/03/31 职场文书
节水标语大全
2014/06/11 职场文书
新娘婚礼致辞
2015/07/27 职场文书
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android
Python中的socket网络模块介绍
2022/07/23 Python