编程 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实现div的拖动并调整大小类似qq空间个性编辑模块

Dec 12 Javascript

网页前端优化之滚动延时加载图片示例

Jul 13 Javascript

JQuery对表格进行操作的常用技巧总结

Apr 23 Javascript

全面解析Bootstrap中form、navbar的使用方法

May 30 Javascript

JS判断指定dom元素是否在屏幕内的方法实例

Jan 23 Javascript

详解Vue-Cli 异步加载数据的一些注意点

Aug 12 Javascript

详解require.js配置路径的用法和css的引入

Sep 06 Javascript

vue中子组件传递数据给父组件的讲解

Jan 27 Javascript

详解关于表格合并span-method方法的补充(表格数据由后台动态返回)

May 21 Javascript

layui添加动态菜单与选项卡 AJAX请求的例子

Sep 25 Javascript

vue transition 在子组件中失效的解决

Nov 12 Javascript

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

Jan 14 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

使用PHP提取视频网站页面中的FLASH地址的代码

2010/04/17 PHP

基于HBase Thrift接口的一些使用问题及相关注意事项的详解

2013/06/03 PHP

PHP 中提示undefined index如何解决(多种方法)

2016/03/16 PHP

PHP的PDO常用类库实例分析

2016/04/07 PHP

利用PHPExcel读取Excel的数据和导出数据到Excel

2017/05/12 PHP

用JavaScript编写COM组件的步骤

2009/03/17 Javascript

js实现在文本框光标处添加字符的方法介绍

2012/11/24 Javascript

jQuery Trim去除字符串首尾空字符的实现方法说明

2014/02/11 Javascript

使用js获取图片原始尺寸

2014/12/03 Javascript

JS组件Form表单验证神器BootstrapValidator

2016/01/26 Javascript

Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码

2016/06/28 Javascript

3分钟掌握常用的JS操作JSON方法总结

2017/04/25 Javascript

Vue.js常用指令的使用小结

2017/06/23 Javascript

jQuery实现导航栏头部菜单项点击后变换颜色的方法

2017/07/19 jQuery

用Vue.extend构建消息提示组件的方法实例

2017/08/08 Javascript

Node.js dgram模块实现UDP通信示例代码

2017/09/26 Javascript

JS设计模式之单例模式（一）

2017/09/29 Javascript

Vue 2.5.2下axios + express 本地请求404的解决方法

2018/02/21 Javascript

Bootbox将后台JSON数据填充Form表单的实例代码

2018/09/10 Javascript

JavaScript键盘事件响应顺序详解

2019/09/30 Javascript

解决ant Design中Select设置initialValue时的大坑

2020/10/29 Javascript

Python yield使用方法示例

2013/12/04 Python

Python实现远程调用MetaSploit的方法

2014/08/22 Python

OpenCV+Python识别车牌和字符分割的实现

2019/01/31 Python

scrapy-redis的安装部署步骤讲解

2019/02/27 Python

浅谈SciPy中的optimize.minimize实现受限优化问题

2020/02/29 Python

西班牙电子产品购物网站：Electronicamente

2018/07/26 全球购物

打架检讨书400字

2014/01/17 职场文书

就业表自我评价分享

2014/02/06 职场文书

2014年文学毕业生自我鉴定

2014/04/23 职场文书

禁毒宣传活动总结

2014/08/26 职场文书

离婚协议书该怎么写

2014/10/04 职场文书

离婚起诉书怎么写

2015/05/19 职场文书

优秀新员工事迹材料

2019/05/13 职场文书

2019事业单位个人工作总结范文

2019/08/26 职场文书

处理canvas绘制图片模糊问题

2022/05/11 Javascript