如何从元素的顶部获得距离？ [英] How to get the distance from the top for an element?

问题描述

我想知道如何使用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.

http://jsfiddle.net/yZGSt/1/

推荐答案

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 };
}

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