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 读取元素的CSS信息的代码
Feb 07 Javascript
JQuery中Bind()事件用法分析
May 05 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
关于redux-saga中take使用方法详解
Feb 27 Javascript
vue v-model动态生成详解
Jun 30 Javascript
小程序瀑布流组件实现翻页与图片懒加载
May 19 Javascript
node.js基础知识汇总
Aug 25 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将session放入memcached的设置方法
2014/02/14 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP会员找回密码功能的简单实现
2016/09/05 PHP
PHP实现微信图片上传到服务器的方法示例
2017/06/29 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
jquery maxlength使用说明
2011/09/09 Javascript
JavaScript删除指定子元素代码实例
2015/01/13 Javascript
jquery.mousewheel实现整屏翻屏效果
2015/08/30 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
使用Angular CLI生成路由的方法
2018/03/24 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
Vue.set 全局操作简单示例
2019/09/19 Javascript
微信小程序自定义波浪组件使用方法详解
2019/09/21 Javascript
Python实现的查询mysql数据库并通过邮件发送信息功能
2018/05/17 Python
python 查找文件名包含指定字符串的方法
2018/06/05 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
Pytorch Tensor基本数学运算详解
2019/12/30 Python
基于Python 的语音重采样函数解析
2020/07/06 Python
CSS3实现复选框动画特效示例代码
2016/09/27 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
linux下进程间通信的方式
2013/01/23 面试题
中专生自荐信
2013/10/12 职场文书
班子群众路线教育实践个人对照检查材料思想汇报
2014/09/30 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
2022/01/22 MySQL
vue使用watch监听属性变化
2022/04/30 Vue.js