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

Prototype Selector对象学习

Jul 23 Javascript

基于Jquery的仿照flash放大图片效果代码

Mar 16 Javascript

jquery移除button的inline onclick事件(已测试及兼容浏览器)

Jan 25 Javascript

Jquery显示、隐藏元素以及添加删除样式

Aug 09 Javascript

jquery中one()方法的用法实例

Jan 16 Javascript

JavaScript常用的弹出广告及背投广告实现方法

Feb 06 Javascript

JavaScript使用DeviceOne开发实战（二）生成调试安装包

Dec 01 Javascript

JS+JSP通过img标签调用实现静态页面访问次数统计的方法

Dec 14 Javascript

jquery实现的判断倒计时是否结束代码

Feb 05 Javascript

详解iframe跨域的几种常用方法(小结)

Apr 29 Javascript

微信小程序wxs实现吸顶效果

Jan 08 Javascript

Vue3为什么这么快

Sep 23 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

欧美媒体选出10年前最流行的17部动画

2017/01/18 日漫

PHP在XP下IIS和Apache2服务器上的安装

2006/09/05 PHP

随时给自己贴的图片加文字的php水印

2007/03/16 PHP

php中substr()函数参数说明及用法实例

2014/11/15 PHP

php函数与传递参数实例分析

2014/11/15 PHP

PHP比较运算符的详细介绍

2015/09/29 PHP

详解php几行代码实现CSV格式文件输出

2017/07/01 PHP

Javascript----文件操作

2007/01/18 Javascript

Add a Table to a Word Document

2007/06/15 Javascript

用js 让图片在 div或dl里　居中，底部对齐

2008/01/21 Javascript

Ext JS添加子组件的误区探讨

2013/06/28 Javascript

如何让DIV可编辑、可拖动示例代码

2013/09/18 Javascript

js实现的二级横向菜单条实例

2015/08/22 Javascript

javascript实现禁止复制网页内容汇总

2015/12/30 Javascript

jQuery绑定事件on()与弹窗的简要概述

2016/04/27 Javascript

一系列Bootstrap导航条使用方法分享

2016/04/29 Javascript

JQuery DIV 动态隐藏和显示的方法

2016/06/23 Javascript

JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法

2016/08/05 Javascript

JavaScript实现清空(重置)文件类型INPUT元素值的方法

2016/11/17 Javascript

微信小程序用户信息encryptedData详解

2018/08/24 Javascript

js实现ajax的用户简单登入功能

2020/06/18 Javascript

JS实现拖拽元素时与另一元素碰撞检测

2020/08/27 Javascript

Angular+Ionic使用queryParams实现跳转页传值的方法

2020/09/05 Javascript

对pandas中to_dict的用法详解

2018/06/05 Python

python使用递归的方式建立二叉树

2019/07/03 Python

Python学习笔记之Zip和Enumerate用法实例分析

2019/08/14 Python

tensorflow之tf.record实现存浮点数数组

2020/02/17 Python

Python 实现日志同时输出到屏幕和文件

2020/02/19 Python

python3光学字符识别模块tesserocr与pytesseract的使用详解

2020/02/26 Python

使用html5实现表格实现标题合并的实例代码

2019/05/13 HTML / CSS

巴西最好的男鞋：Rafarillo

2018/05/25 全球购物

澳大利亚婴儿、幼儿和儿童在线设计师商店：Smooch Baby

2019/02/16 全球购物

音乐教学反思

2014/02/02 职场文书

好的旅游活动方案

2014/08/19 职场文书

银行安全保卫工作总结

2015/08/10 职场文书

关爱空巢老人感想

2015/08/11 职场文书