js 元素距离顶部的距离

function getElementTop(element) {
    let actualTop = element.offsetTop;
    let currentElement = element.offsetParent;

    while (currentElement !== null) {
        actualTop += currentElement.offsetTop;
        currentElement = currentElement.offsetParent;
    }

    return actualTop;
}

// 使用示例
const element = document.getElementById('myElement');
const topDistance = getElementTop(element);
console.log(topDistance); // 输出元素距离文档顶部的距离

function getElementTopUsingGetBoundingClientRect(element) {
    const rect = element.getBoundingClientRect();
    return rect.top + window.pageYOffset;
}

// 使用示例
const element = document.getElementById('myElement');
const topDistance = getElementTopUsingGetBoundingClientRect(element);
console.log(topDistance); // 输出元素距离文档顶部的距离