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 相关文章推荐
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
Oct 29 Javascript
javascript对下拉列表框(select)的操作实例讲解
Nov 29 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
浅谈在vue项目中如何定义全局变量和全局函数
Oct 24 Javascript
快速了解vue-cli 3.0 新特性
Feb 28 Javascript
ant design pro中可控的筛选和排序实例
Nov 17 Javascript
微信小程序实现简单的select下拉框
Nov 23 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下获取客户端ip地址的函数
2010/03/15 PHP
php实现查询百度google收录情况(示例代码)
2013/08/02 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
php中将一段数据存到一个txt文件中并显示其内容
2014/08/15 PHP
简单了解WordPress开发中update_option()函数的用法
2016/01/11 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
PHP设计模式之适配器模式原理与用法分析
2018/04/25 PHP
php微信开发之图片回复功能
2018/06/14 PHP
关于javascript DOM事件模型的两件事
2010/07/22 Javascript
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
jQuery实现拼图小游戏(实例讲解)
2017/07/24 jQuery
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
vue内置指令详解
2018/04/03 Javascript
js中对象与对象创建方法的各种方法
2019/02/27 Javascript
vue实现Excel文件的上传与下载功能的两种方式
2019/06/28 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
vue实现简单跑马灯效果
2020/05/25 Javascript
Python脚本简单实现打开默认浏览器登录人人和打开QQ的方法
2016/04/12 Python
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
2018/06/19 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
Python深拷贝与浅拷贝用法实例分析
2019/05/05 Python
关于tensorflow的几种参数初始化方法小结
2020/01/04 Python
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
公司委托书怎么写
2014/08/02 职场文书
2015年项目工作总结
2015/04/29 职场文书
爱国主义电影观后感
2015/06/18 职场文书
新闻稿件写作范文
2015/07/18 职场文书
高三教师工作总结2015
2015/07/21 职场文书
职工食堂管理制度
2015/08/06 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
python基于机器学习预测股票交易信号
2021/05/25 Python