jQuery实现滚动条滚动到子元素位置(方便定位)


Posted in Javascript onJanuary 08, 2017

 话不多说,请看代码:

<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); --有动画效果

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 Javascript
javascript动画浅析
Aug 30 Javascript
JS中showModalDialog 的使用解析
Apr 17 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
初识Javascript小结
Jul 16 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
js实现倒计时及时间对象
Nov 15 Javascript
jQuery实现的购物车物品数量加减功能代码
Nov 16 Javascript
JavaScript中的call和apply的用途以及区别
Jan 11 Javascript
bootstrap模态框关闭后清除模态框的数据方法
Aug 10 Javascript
基于vue-draggable 实现三级拖动排序效果
Jan 10 Javascript
简单聊聊TypeScript只读修饰符
Apr 06 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 #Javascript
jQuery实现文字自动横移
Jan 08 #Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 #Javascript
JavaScript中日常收集常见的10种错误(推荐)
Jan 08 #Javascript
详解js中==与===的区别
Jan 08 #Javascript
JavaScript 动态三角函数实例详解
Jan 08 #Javascript
你不知道的 javascript【推荐】
Jan 08 #Javascript
You might like
PHP Ajax实现页面无刷新发表评论
2007/01/02 PHP
PHP类的使用 实例代码讲解
2009/12/28 PHP
PHPMYADMIN导入数据最大为2M的解决方法
2012/04/23 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
为jQuery增加join方法的实现代码
2010/11/28 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
js实现简易垂直滚动条
2017/02/22 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
node实现简单的增删改查接口实例代码
2019/08/22 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
详解Node.JS模块 process
2020/08/31 Javascript
python 域名分析工具实现代码
2009/07/15 Python
让python json encode datetime类型
2010/12/28 Python
请不要重复犯我在学习Python和Linux系统上的错误
2016/12/12 Python
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
Python语言检测模块langid和langdetect的使用实例
2019/02/19 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
python求前n个阶乘的和实例
2020/04/02 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
《莫高窟》教学反思
2014/02/25 职场文书
团支书竞选演讲稿
2014/04/28 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
环境建议书
2015/02/04 职场文书
致地震灾区的慰问信
2015/03/23 职场文书
诺贝尔奖获得者名言100句:句句启人心智,值永久收藏
2019/08/09 职场文书
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
2021/04/17 Vue.js
Elasticsearch 批量操作
2022/04/19 Python