Javascript 找到子元素在父元素内的相对位置

因为想自动定位到子元素，所以一直在找各种找寻元素位置的代码。

不过总是找不到可以定位子元素相对位置的代码。

经过自己一晚上尝试，貌似找到了一个方法。

现在脑袋还糊涂，先记下来，以后再分析。

 

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