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

用javascript实现的图片马赛克后显示并切换加文字功能

Apr 21 Javascript

JavaScript中的Document文档对象

Jan 16 Javascript

JavaScript asp.net 获取当前超链接中的文本

Apr 14 Javascript

动态加载script文件的两种方法

Aug 15 Javascript

jQuery 滑动方法slideDown向下滑动元素

Jan 16 Javascript

js数组中如何随机取出一个值

Jun 13 Javascript

深入分析JQuery和JavaScript的异同

Oct 23 Javascript

JavaScript使用setTimeout实现延迟弹出警告框的方法

Apr 07 Javascript

jQuery插件scroll实现无缝滚动效果

Apr 27 Javascript

webpack3之loader全解析

Oct 26 Javascript

iView-admin 动态路由问题的解决方法

Oct 03 Javascript

前端性能优化建议

Sep 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 无线电

一键删除顽固的空文件夹软件下载

2007/01/26 PHP

PHP开发环境配置(MySQL数据库安装图文教程)

2010/04/28 PHP

destoon首页调用求购供应信息的地区名称的方法

2014/08/21 PHP

Thinkphp批量更新数据的方法汇总

2016/06/29 PHP

获取页面高度，窗口高度，滚动条高度等参数值getPageSize,getPageScroll

2006/09/22 Javascript

初学JavaScript_03(ExtJs Grid的简单使用)

2008/10/02 Javascript

IE和Firefox的Javascript兼容性总结[推荐收藏]

2011/10/19 Javascript

jQuery结合PHP+MySQL实现二级联动下拉列表[实例]

2011/11/15 Javascript

Javascript之this关键字深入解析

2013/11/12 Javascript

javascript客户端遍历控件与获取父容器对象示例代码

2014/01/06 Javascript

javascript 中that的含义示例介绍

2014/05/14 Javascript

javascript实现的字符串与十六进制表示字符串相互转换方法

2015/07/17 Javascript

js和jquery实现监听键盘事件示例代码

2020/06/24 Javascript

深入理解Node.js 事件循环和回调函数

2016/11/02 Javascript

js实现界面向原生界面发消息并跳转功能

2016/11/22 Javascript

微信小程序开发之圆形菜单仿建行圆形菜单实例

2016/12/12 Javascript

jQuery实现简单漂亮的Nav导航菜单效果

2017/03/29 jQuery

node.js到底要不要加分号浅析

2018/07/11 Javascript

前端axios下载excel文件(二进制)的处理方法

2018/07/31 Javascript

使用validate.js实现表单数据提交前的验证方法

2018/09/04 Javascript

puppeteer库入门初探

2019/01/09 Javascript

细说Vue组件的服务器端渲染的过程

2019/05/30 Javascript

微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析

2019/08/16 Javascript

Javascript文本框脚本实现方法解析

2020/10/30 Javascript

python KNN算法实现鸢尾花数据集分类

2019/10/24 Python

基于spring boot 日志(logback)报错的解决方式

2020/02/20 Python

Python第三方库安装缓慢的解决方法

2021/02/06 Python

捷克家居装饰及图书音像购物网站：Velký košík

2018/04/16 全球购物

opencv实现图像几何变换

2021/03/24 Python

药品采购员岗位职责

2014/02/08 职场文书

个人股份转让协议书范本

2014/10/26 职场文书

边城读书笔记

2015/06/29 职场文书

2019入党申请书格式和范文

2019/06/25 职场文书

vue实现简单数据双向绑定

2021/04/28 Vue.js

使用scrapy实现增量式爬取方式

2022/06/21 Python