编程 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 相关文章推荐

非常棒的10款jQuery 幻灯片插件

Jun 14 Javascript

jquery miniui 教程表格控件合并单元格应用

Nov 25 Javascript

js播放wav文件(源码)

Apr 22 Javascript

如何使用Javascript获取距今n天前的日期

Jul 08 Javascript

js浮点数保留两位小数点示例代码(四舍五入)

Dec 26 Javascript

Javascript中Array用法实例分析

Jun 13 Javascript

javascript制作照片墙及制作过程中出现的问题

Apr 04 Javascript

浅析JavaScript Array和string的转换(推荐)

May 20 Javascript

在vue中添加Echarts图表的基本使用教程

Nov 22 Javascript

vue项目中使用fetch的实现方法

Apr 25 Javascript

vue-cli脚手架打包静态资源请求出错的原因与解决

Jun 06 Javascript

原生JavaScript实现换肤

Feb 19 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

一个基于PDO的数据库操作类(新) 一个PDO事务实例

2011/07/03 PHP

PHP原生模板引擎最简单的模板引擎

2012/04/25 PHP

分享PHP守护进程类

2015/12/30 PHP

网站404页面3秒后跳到首页的实例代码

2013/08/16 Javascript

js+canvas绘制矩形的方法

2016/01/28 Javascript

Bootstrap中点击按钮后变灰并显示加载中实例代码

2016/09/23 Javascript

解析jquery easyui tree异步加载子节点问题

2017/03/08 Javascript

原生JS实现隐藏显示图片 JS实现点击切换图片效果

2021/01/27 Javascript

bootstrap3中container与container_fluid外层容器的区别讲解

2017/12/04 Javascript

vue.js做一个简单的编辑菜谱功能

2018/05/08 Javascript

微信小程序实现Session功能及无法获取session问题的解决方法

2019/05/07 Javascript

js prototype深入理解及应用实例分析

2019/11/25 Javascript

[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/20 DOTA

[01:16:50]DOTA2-DPC中国联赛正赛 Phoenix vs CDEC BO3 第一场 3月7日

2021/03/11 DOTA

Python选择排序、冒泡排序、合并排序代码实例

2015/04/10 Python

讲解Python中的标识运算符

2015/05/14 Python

python获取指定目录下所有文件名列表的方法

2015/05/20 Python

python实现聊天小程序

2018/03/13 Python

Python字典中的键映射多个值的方法(列表或者集合)

2018/10/17 Python

Python读取stdin方法实例

2019/05/24 Python

python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例

2020/03/10 Python

Python3 获取文件属性的方式(时间、大小等)

2020/03/12 Python

python如何删除文件、目录

2020/06/23 Python

python使用正则表达式匹配txt特定字符串（有换行）

2020/12/09 Python

HTML5 预加载让页面得以快速呈现

2013/08/13 HTML / CSS

html5简单示例_动力节点Java学院整理

2017/07/07 HTML / CSS

Javascript如何发送一个Ajax请求

2015/01/26 面试题

汇科协同Java笔试题

2012/03/31 面试题

会议开场欢迎词

2014/01/15 职场文书

阳光体育活动实施方案

2014/05/25 职场文书

企业活动策划方案

2014/06/02 职场文书

忠犬八公的故事观后感

2015/06/05 职场文书

2016入党心得体会范文

2016/01/06 职场文书

golang判断key是否在map中的代码

2021/04/24 Golang

Python爬虫进阶之Beautiful Soup库详解

2021/04/29 Python

Docker容器harbor私有仓库部署和管理

2022/08/05 Servers