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页面跳转常用的几种方式
Nov 25 Javascript
jquery中get和post的简单实例
Feb 04 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
详解JavaScript设计模式开发中的桥接模式使用
May 18 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
轻松实现js弹框显示选项
Sep 13 Javascript
vue.js表格组件开发的实例详解
Oct 12 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
Dec 14 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
Jul 28 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使HTML标签自动补全闭合函数代码
2012/10/04 PHP
phpQuery占用内存过多的处理方法
2013/11/13 PHP
php实现utf-8转unicode函数分享
2015/01/06 PHP
php打包压缩文件之ZipArchive方法用法分析
2016/04/30 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
Jquery中dialog属性小记
2010/09/03 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
javascript正则表达式之search()用法实例
2015/01/19 Javascript
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
详细解读JavaScript的跨浏览器事件处理
2015/08/12 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
2015/12/01 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
json传值以及ajax接收详解
2016/05/24 Javascript
微信小程序 开发MAP(地图)实例详解
2017/06/27 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
Vue Socket.io源码解读
2018/02/07 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
python基于multiprocessing的多进程创建方法
2015/06/04 Python
分数霸榜! python助你微信跳一跳拿高分
2018/01/08 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
python中的插值 scipy-interp的实现代码
2018/07/23 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
2019/08/27 Python
python装饰器使用实例详解
2019/12/14 Python
Python Selenium参数配置方法解析
2020/01/19 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例
2020/03/06 Python
基于打开pycharm有带图片md文件卡死问题的解决
2020/04/24 Python
Django的ListView超详细用法(含分页paginate)
2020/05/21 Python
基于python实现生成指定大小txt文档
2020/07/20 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
学校周年庆活动方案
2014/08/22 职场文书
社区安置帮教工作总结2015
2015/05/20 职场文书
python 批量压缩图片的脚本
2021/06/02 Python
分析Netty直接内存原理及应用
2021/06/14 Java/Android