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

Jquery通过Ajax方式来提交Form表单的具体实现

Nov 07 Javascript

随鼠标移动的时钟非常漂亮遗憾的是只支持IE

Aug 12 Javascript

jquery转盘抽奖功能实现

Nov 13 Javascript

JavaScript类的写法

Sep 17 Javascript

jQuery.uploadify文件上传组件实例讲解

Sep 23 Javascript

移动端点击态处理的三种实现方式

Jan 12 Javascript

js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)

Feb 13 Javascript

axios基本入门用法教程

Mar 25 Javascript

JS实现浏览上传文件的代码

Aug 23 Javascript

vue实现移动端悬浮窗效果

Dec 01 Javascript

JS document对象简单用法完整示例

Jan 14 Javascript

Vue监视数据的原理详解

Feb 24 Vue.js

分享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数组总结篇(一）

2008/09/30 PHP

php判断ip黑名单程序代码实例

2014/02/24 PHP

PHP批量生成静态HTML的简单原理和方法

2014/04/20 PHP

php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名

2017/05/26 PHP

一个cssQuery对象 javascript脚本实现代码

2009/07/21 Javascript

javascript利用控件对windows的操作实现原理与应用

2012/12/23 Javascript

jquery全选/全不选/反选另一种实现方法(配合原生js)

2013/04/07 Javascript

当滚动条滚动到页面底部自动加载增加内容的js代码

2014/05/13 Javascript

用js的document.write输出的广告无阻塞加载的方法

2014/06/05 Javascript

jquery实现页面常用的返回顶部效果

2016/03/04 Javascript

jQuery 获取遍历获取table中每一个tr中的第一个td的方法

2016/10/05 Javascript

JS实现JSON.stringify的实例代码讲解

2017/02/07 Javascript

浅谈vue单一组件下动态修改数据时的全部重渲染

2018/03/01 Javascript

vue+iview动态渲染表格详解

2019/03/19 Javascript

Angular7中创建组件/自定义指令/管道的方法实例详解

2019/04/02 Javascript

Node.js 的 GC 机制详解

2019/06/03 Javascript

vue excel上传预览和table内容下载到excel文件中

2019/12/10 Javascript

JS获取当前时间的年月日时分秒及时间的格式化的方法

2019/12/18 Javascript

Python如何读取MySQL数据库表数据

2017/03/11 Python

Python实现判断一行代码是否为注释的方法

2018/05/23 Python

使用pyinstaller打包PyQt4程序遇到的问题及解决方法

2019/06/24 Python

Python程序打包工具py2exe和PyInstaller详解

2019/06/28 Python

PyTorch 解决Dataset和Dataloader遇到的问题

2020/01/08 Python

纯CSS3打造属于自己的“小黄人”

2016/03/14 HTML / CSS

甜品店的创业计划书范文

2014/01/02 职场文书

家庭贫困证明

2014/09/23 职场文书

2014年党员个人剖析材料

2014/10/08 职场文书

2014年网络管理员工作总结

2014/12/01 职场文书

清洁工岗位职责

2015/02/13 职场文书

golang如何去除多余空白字符(含制表符)

2021/04/25 Golang

教你用Python matplotlib库制作简单的动画

2021/06/11 Python

口袋妖怪冰系十大最强精灵，几何雪花排第七，第六类似北极熊

2022/03/18 日漫

斗罗大陆八大特殊魂兽，龙族始祖排榜首，第五最残忍(翠魔鸟)

2022/03/18 国漫

从零开始在Centos7上部署SpringBoot项目

2022/04/07 Servers

redis 解决库存并发问题实现数量控制

2022/04/08 Redis

TaiShan 200服务器安装Ubuntu 18.04的图文教程

2022/06/28 Servers