编程 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 08 Javascript

jquery tablesorter.js 支持中文表格排序改进

Dec 09 Javascript

Javascript中对象继承的实现小例

May 12 Javascript

Node.js环境下JavaScript实现单链表与双链表结构

Jun 12 Javascript

JS出现失效的情况总结

Jan 20 Javascript

详解angular中的作用域及继承

May 31 Javascript

微信小程序tabBar底部导航中文注解api详解

Aug 16 Javascript

深入理解ES6的迭代器与生成器

Aug 19 Javascript

JavaScript new对象的四个过程实例浅析

Jul 31 Javascript

详解vuex之store拆分即多模块状态管理(modules)篇

Nov 13 Javascript

微信小程序云开发实现增删改查功能

May 17 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