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 相关文章推荐
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
Sep 17 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 Javascript
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
详解一个小实例理解js原型和继承
Apr 24 Javascript
angular4+百分比进度显示插件用法示例
May 05 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
Vue路由切换页面不更新问题解决方案
Jul 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
第十一节 重载 [11]
2006/10/09 PHP
php共享内存段示例分享
2014/01/20 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
javascript面向对象编程(一) 实例代码
2010/06/25 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
jquery实现触发时更新下拉列表内容的方法
2015/12/02 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
2019/10/15 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python概率计算器实例分析
2015/03/25 Python
Python实现的Google IP 可用性检测脚本
2015/04/23 Python
Python实现把回车符\r\n转换成\n
2015/04/23 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
python模糊图片过滤的方法
2018/12/14 Python
浅析使用Python搭建http服务器
2019/10/27 Python
python matplotlib折线图样式实现过程
2019/11/04 Python
flask 实现token机制的示例代码
2019/11/07 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
python绘制雷达图实例讲解
2021/01/03 Python
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
以设计师精品品质提供快速时尚:PopJulia
2018/01/09 全球购物
信息管理员岗位职责
2013/12/01 职场文书
大学生个人求职口试自我评价
2014/02/16 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
MySQL分区表实现按月份归类
2021/11/01 MySQL
Django中celery的使用项目实例
2022/07/07 Python