编程 Javascript

Javascript中找到子元素在父元素内相对位置的代码

Posted in Javascript onJuly 21, 2012

经过自己一晚上尝试，貌似找到了一个方法。
现在脑袋还糊涂，先记下来，以后再分析。

// 找到子元素在父元素中的相对位置 
function getElementTop(element){ 
var el = (typeof element == "string") ? document.getElementById(element) : element; 
if (el.parentNode === null || el.style.display == 'none') { 
return false; 
} 
return el.offsetTop - el.parentNode.offsetTop; 
}

这个函数可以获取子元素在父元素中的相对高度，可以通过设置父元素的 scrollTop 的属性来定位到子元素的位置

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)

Jan 13 Javascript

js循环改变div颜色具体方法

Jun 25 Javascript

模拟jQuery中的ready方法及实现按需加载css,js实例代码

Sep 27 Javascript

用jquery等比例控制图片宽高的具体实现

Jan 28 Javascript

超链接的禁用属性Disabled使用示例

Jul 31 Javascript

JavaScript入门基础

Aug 12 Javascript

浅析Bootstrip的select控件绑定数据的问题

May 10 Javascript

深入理解JavaScript中的并行处理

Sep 22 Javascript

gulp教程_从入门到项目中快速上手使用方法

Sep 14 Javascript

Node.js net模块功能及事件监听用法分析

Jan 05 Javascript

微信小程序实现图片选择并预览功能

Jul 25 Javascript

Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法

Sep 16 Javascript

分享XmlHttpRequest调用Webservice的一点心得

Jul 20 #Javascript

基于jquery的可多选的下拉列表框

Jul 20 #Javascript

基于jquery的DIV随滚动条滚动而滚动的代码

Jul 20 #Javascript

最佳6款用于移动网站开发的jQuery 图片滑块插件小结

Jul 20 #Javascript

基于jquery的图片轮播 tab切换组件

Jul 19 #Javascript

JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))

Jul 17 #Javascript

JavaScript面向对象(极简主义法minimalist approach)

Jul 17 #Javascript

You might like

使用php伪造referer的方法利用referer防止图片盗链

2014/01/20 PHP

Laravel框架数据库迁移操作实例详解

2020/04/06 PHP

php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)

2020/07/24 PHP

javascript 面向对象编程万物皆对象

2009/09/17 Javascript

Jquery中获取iframe的代码

2011/01/11 Javascript

JavaScript中常用的运算符小结

2012/01/18 Javascript

JS删除字符串中重复字符方法

2014/03/09 Javascript

jQuery Mobile动态刷新页面样式的实现方法

2016/05/28 Javascript

BootStrap 附加导航组件

2016/07/22 Javascript

详解支持Angular 2的表格控件

2017/01/19 Javascript

浅析JavaScript中的平稳退化（graceful degradation）

2017/07/24 Javascript

基于ExtJs在页面上window再调用Window的事件处理方法

2017/07/26 Javascript

解决node-sass偶尔安装失败的方法小结

2018/12/05 Javascript

微信小程序使用字体图标的方法

2019/05/23 Javascript

layui实现二维码弹窗、并下载到本地的方法

2019/09/25 Javascript

python利用beautifulSoup实现爬虫

2014/09/29 Python

DJANGO-ALLAUTH社交用户系统的安装配置

2014/11/18 Python

Python连接数据库学习之DB-API详解

2017/02/07 Python

Python采集代理ip并判断是否可用和定时更新的方法

2018/05/07 Python

一篇文章搞懂Python的类与对象名称空间

2018/12/10 Python

使用Python的Turtle库绘制森林的实例

2019/12/18 Python

Python datetime 如何处理时区信息

2020/09/02 Python

Django实现随机图形验证码的示例

2020/10/15 Python

纯CSS3实现的8种Loading动画效果

2014/07/05 HTML / CSS

eDreams巴西：廉价机票，酒店优惠和度假套餐

2017/04/14 全球购物

重大事项社会稳定风险评估方案

2014/06/15 职场文书

食品安全演讲稿

2014/09/01 职场文书

农村党建工作汇报材料

2014/10/27 职场文书

党的群众路线教育实践活动心得体会（乡镇）

2014/11/03 职场文书

学前班幼儿评语大全

2014/12/29 职场文书

英文邀请函

2015/02/02 职场文书

2015小学教师年度工作总结

2015/05/12 职场文书

二审代理词范文

2015/05/25 职场文书

导师鉴定意见

2015/06/05 职场文书

Python实现Excel文件的合并(以新冠疫情数据为例)

2022/03/20 Python

python的netCDF4批量处理NC格式文件的操作方法

2022/03/21 Python