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 相关文章推荐
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
Oct 22 Javascript
使用jQuery获取data-的自定义属性
Nov 10 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 Javascript
移动适配的几种方案(三种方案)
Nov 25 Javascript
javascript中的面向对象
Mar 30 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
Jul 02 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 Javascript
JavaScript静态作用域和动态作用域实例详解
Jun 17 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
为什么夜间收到的中波电台比白天多
2021/03/01 无线电
PHP新手上路(六)
2006/10/09 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
Javascript 函数中的参数使用分析
2010/03/27 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
AngularJs自定义服务之实现签名和加密
2016/08/02 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
javascript基础知识讲解
2017/01/11 Javascript
jQuery、layer实现弹出层的打开、关闭功能
2017/06/28 jQuery
zTree获取当前节点的下一级子节点数实例
2017/09/05 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
2017/10/23 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
vue 检测用户上传图片宽高的方法
2020/02/06 Javascript
JS如何在数组指定位置插入元素
2020/03/10 Javascript
vue开发中遇到的问题总结
2020/04/07 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
2020/10/01 Javascript
详解使用Python处理文件目录的相关方法
2015/10/16 Python
python文件与目录操作实例详解
2016/02/22 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
html5的canvas方法使用指南
2014/12/15 HTML / CSS
人力资源专员自我评价怎么写
2013/09/19 职场文书
高中军训广播稿
2014/01/14 职场文书
幼儿园家长评语
2014/02/10 职场文书
请假条标准格式规范
2014/04/10 职场文书
nginx 反向代理之 proxy_pass的实现
2021/03/31 Servers
python基于tkinter制作m3u8视频下载工具
2021/04/24 Python
Python实战之疫苗研发情况可视化
2021/05/18 Python