怎么判断子元素距离父元素顶部位置,如何从元素的顶部获得距离？

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

}