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 判断页面元素是否存在的代码
Aug 14 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
用按钮控制iframe显示的网页实现方法
Feb 04 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
jQuery包裹节点用法完整示例
Sep 13 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
Jan 23 Javascript
js 函数式编程学习笔记
Mar 25 Javascript
微信小程序开发中的疑问解答汇总
Jul 03 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
Vue项目中配置pug解析支持
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
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
javascript parseInt 大改造
2009/09/27 Javascript
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
XENON基于JSON变种
2010/07/27 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
js实现对table动态添加、删除和更新的方法
2015/02/10 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
2015/08/25 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
2016/07/21 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
web 屏蔽BackSpace键实例代码
2016/12/24 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
2018/09/16 Javascript
antd配置config-overrides.js文件的操作
2020/10/31 Javascript
JavaScript动态生成表格的示例
2020/11/02 Javascript
浅谈用VSCode写python的正确姿势
2017/12/16 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
Linux CentOS Python开发环境搭建教程
2018/11/28 Python
Python计算库numpy进行方差/标准方差/样本标准方差/协方差的计算
2018/12/28 Python
Python 使用指定的网卡发送HTTP请求的实例
2019/08/21 Python
Python插入Elasticsearch操作方法解析
2020/01/19 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
最新Python idle下载、安装与使用教程图文详解
2020/11/28 Python
eDreams葡萄牙:全球最大的在线旅行社之一
2019/04/15 全球购物
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
英语系本科生个人求职信
2013/09/21 职场文书
学生自我评语大全
2014/04/18 职场文书
副校长个人对照检查材料思想汇报
2014/10/04 职场文书
2015年公路路政个人工作总结
2015/07/24 职场文书
八年级作文之友谊
2019/12/02 职场文书
Vue2项目中对百度地图的封装使用详解
2022/06/16 Vue.js