如何从元素的顶部获得距离？

问题描述

我想知道如何使用JavaScript从页面顶部而不是父元素获取元素的距离。

I want to know how to use JavaScript to get the distance of an element from the top of the page not the parent element.

推荐答案

offsetTop仅查看元素的父级。只需遍历父节点，直到你的父节点用完为止，并加上它们的偏移量。

offsetTop only looks at the element's parent. Just loop through parent nodes until you run out of parents and add up their offsets.

function getPosition(element) {
    var xPosition = 0;
    var yPosition = 0;

    while(element) {
        xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
        yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
        element = element.offsetParent;
    }

    return { x: xPosition, y: yPosition };
}

这篇关于如何从元素的顶部获得距离？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！