欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Javascript中找到子元素在父元素内相对位置的代码_javascript技巧

程序员文章站 2022-04-30 08:07:28
...
经过自己一晚上尝试,貌似找到了一个方法。
现在脑袋还糊涂,先记下来,以后再分析。
复制代码 代码如下:

// 找到子元素在父元素中的相对位置
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 的属性来定位到子元素的位置