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 相关文章推荐
javascipt基础内容--需要注意的细节
Apr 10 Javascript
js倒计时小程序
Nov 05 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
JavaScript 继承详解(五)
Oct 11 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
Nov 30 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
Angular2进阶之如何避免Dom误区
Apr 02 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
Jul 17 Javascript
layui使用及简单的三级联动实现教程
Dec 01 Javascript
一起来了解一下JavaScript的预编译(小结)
Mar 01 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
用Socket发送电子邮件
2006/10/09 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
JavaScript 继承详解(二)
2009/07/13 Javascript
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
jquery获取元素索引值index()示例
2014/02/13 Javascript
html+js实现简单的计算器代码(加减乘除)
2016/07/12 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
Extjs表单输入框异步校验的插件实现方法
2017/03/20 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
elementUI 设置input的只读或禁用的方法
2018/10/30 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
JSON的parse()方法介绍
2019/01/31 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
微信小程序实现锚点跳转
2020/11/23 Javascript
[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场
2018/04/04 DOTA
天翼开放平台免费短信验证码接口使用实例
2013/12/18 Python
Python实现的数据结构与算法之链表详解
2015/04/22 Python
Python socket编程实例详解
2015/05/27 Python
python更新列表的方法
2015/07/28 Python
python读取中文txt文本的方法
2018/04/12 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
Python实现定时自动关闭的tkinter窗口方法
2019/02/16 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
电信专业毕业生推荐信
2013/11/18 职场文书
中专生自我鉴定范文
2013/12/19 职场文书
新郎新娘婚礼答谢词
2014/01/11 职场文书
2015年招聘工作总结
2014/12/12 职场文书
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server