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

javascipt基础内容--需要注意的细节

Apr 10 Javascript

JavaScript获得url所有参数键值表的方法

Mar 21 Javascript

jQuery调用WebMethod(PageMethod) NET2.0的方法

Apr 15 Javascript

js修改onclick动作的四种方法(推荐)

Aug 18 Javascript

Bootstrap进度条实现代码解析

Mar 07 Javascript

基于javascript的异步编程实例详解

Apr 10 Javascript

Node.js log4js日志管理详解

Jul 31 Javascript

JavaScript函数定义方法实例详解

Mar 05 Javascript

Vue实现开心消消乐游戏算法

Oct 22 Javascript

原生js拖拽实现图形伸缩效果

Feb 10 Javascript

在Vue 中实现循环渲染多个相同echarts图表

Jul 20 Javascript

vue实现锚点定位功能

Jun 29 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操作文件方法问答

2007/03/16 PHP

解析Win7 XAMPP apache无法启动的问题

2013/06/26 PHP

php关键字仅替换一次的实现函数

2015/10/29 PHP

php版交通银行网银支付接口开发入门教程

2016/09/26 PHP

laravel学习笔记之模型事件的几种用法示例

2017/08/15 PHP

JavaScript比较两个对象是否相等的方法

2015/02/06 Javascript

JavaScript实现为指定对象添加多个事件处理程序的方法

2015/04/17 Javascript

浅谈javascript的Touch事件

2015/09/27 Javascript

纯JavaScript代码实现文本比较工具

2016/02/17 Javascript

javascript计时器编写过程与实现方法

2016/02/29 Javascript

快速实现JS图片懒加载(可视区域加载)示例代码

2017/01/04 Javascript

js图片轮播手动切换特效

2017/01/12 Javascript

Koa项目搭建过程详细记录

2018/04/12 Javascript

vue组件jsx语法的具体使用

2018/05/21 Javascript

JS获取月的第几周和年的第几周实例代码

2018/12/05 Javascript

Makefile/cmake/node-gyp中区分判断不同平台的方法

2018/12/18 Javascript

微信小程序获取用户信息及手机号（后端TP5.0）

2019/09/12 Javascript

Javascript摸拟自由落体与上抛运动原理与实现方法详解

2020/04/08 Javascript

如何使用vue slot创建一个模态框的实例代码

2020/05/24 Javascript

JavaScript实现跟随鼠标移动的盒子

2021/01/28 Javascript

Python Django框架url反向解析实现动态生成对应的url链接示例

2019/10/18 Python

SELENIUM自动化模拟键盘快捷键操作实现解析

2019/10/28 Python

python return逻辑判断表达式实现解析

2019/12/02 Python

Python验证码截取识别代码实例

2020/05/16 Python

浅谈django不使用restframework自定义接口与使用的区别

2020/07/15 Python

Python实现网络聊天室的示例代码(支持多人聊天与私聊)

2021/01/27 Python

CSS3实现自定义Checkbox特效实例代码

2017/04/24 HTML / CSS

工程造价专业大专生求职信

2013/10/06 职场文书

人民教师求职自荐信

2014/03/12 职场文书

幼儿教师寄语集锦

2014/04/03 职场文书

餐饮食品安全责任书

2015/01/29 职场文书

旷工辞退通知书

2015/04/17 职场文书

党支部评议意见

2015/06/02 职场文书

煤矿隐患排查制度

2015/08/05 职场文书

MySQL 字符集 character

2022/05/04 MySQL

输入框跟随文字内容适配宽实现示例

2022/08/14 Javascript