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 LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
location.hash保存页面状态的技巧
Apr 28 Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 Javascript
Javascript 实现匿名递归的实例代码
May 25 Javascript
微信小程序promsie.all和promise顺序执行
Oct 27 Javascript
vue 路由页面之间实现用手指进行滑动的方法
Feb 23 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
Dec 30 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
node.js事件轮询机制原理知识点
Dec 22 Javascript
微信公众号服务器验证Token步骤图解
Dec 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在文件指定行中写入代码的方法
2012/05/23 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
PHP filter_var() 函数, 验证判断EMAIL,URL等
2021/03/09 PHP
修改发贴的编辑功能
2007/03/07 Javascript
js的闭包的一个示例说明
2008/11/18 Javascript
javascript学习笔记(五) Array 数组类型介绍
2012/06/19 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
JS实现的数组全排列输出算法
2015/03/19 Javascript
js运动应用实例解析
2015/12/28 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
使用vue制作FullPage页面滚动效果
2017/08/21 Javascript
Js面试算法详解
2018/04/08 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
nodejs express配置自签名https服务器的方法
2018/05/22 NodeJs
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
Python3字符串学习教程
2015/08/20 Python
Python实现中文数字转换为阿拉伯数字的方法示例
2017/05/26 Python
Python如何快速实现分布式任务
2017/07/06 Python
python web框架中实现原生分页
2019/09/08 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
Python dict的常用方法示例代码
2020/06/23 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
韩国家庭购物网上商店:Nsmall
2017/05/07 全球购物
Servlet方面面试题
2016/09/28 面试题
户外活动策划方案
2014/03/12 职场文书
教学质量评估实施方案
2014/03/17 职场文书
捐助倡议书范文
2014/04/15 职场文书
酒店管理毕业生自荐信
2014/05/25 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
经典法律座右铭(50句)
2019/08/15 职场文书
TypeScript 内置高级类型编程示例
2022/09/23 Javascript