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代码
Feb 11 Javascript
利用了jquery的ajax实现二级联互动菜单
Dec 02 Javascript
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
Oct 26 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
javascript基础知识之html5轮播图实例讲解(44)
Feb 17 Javascript
js数组常用最重要的方法
Feb 04 Javascript
Vuex入门到上手教程
Jun 20 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
Aug 01 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 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
第一个无线电台是由谁发明的
2021/03/01 无线电
社区(php&amp;&amp;mysql)五
2006/10/09 PHP
php判断目录存在的简单方法
2019/09/26 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
Thinkphp 框架基础之源码获取、环境要求与目录结构分析
2020/04/27 PHP
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
2016/06/28 Javascript
AngularJS 表达式详细讲解及实例代码
2016/07/26 Javascript
纯js和css完成贪吃蛇小游戏demo
2016/09/01 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
举例简单讲解Python中的数据存储模块shelve的用法
2016/03/03 Python
python实现报表自动化详解
2017/11/16 Python
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
python生成每日报表数据(Excel)并邮件发送的实例
2019/02/03 Python
Python线程之定位与销毁的实现
2019/02/17 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
python中的django是做什么的
2020/07/31 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
html5的pushstate以及监听浏览器返回事件的实现
2020/08/11 HTML / CSS
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
毕业生幼师求职自荐信
2013/10/01 职场文书
英文版网络工程师求职信
2013/10/28 职场文书
致短跑运动员广播稿
2014/01/09 职场文书
会计岗位职责范本
2014/03/07 职场文书
大学生演讲稿
2014/04/25 职场文书
酒店节能减排方案
2014/05/26 职场文书
教师个人年终总结
2015/02/11 职场文书
2015年团支部工作总结
2015/04/03 职场文书
MySQL索引失效的典型案例
2021/06/05 MySQL