javascript - 如何在没有 jquery 的情况下获得固定元素的位置？

Question

你好呀

我有一个位置固定的元素，我无法检测位置，必须清楚地使用 javascript，没有框架（jquery、mootools 等）。

Answer 1

利用：

var boundingBox = node.getBoundingClientRect();

查看结果，您有一个像这样的对象：

top    : 0,
right  : 0,
bottom : 0,
left   : 0,
width  : 0,
height : 0

Answer 2

这有帮助吗：

document.getElementById('id').offsetLeft // + window.scrollX
document.getElementById('id').offsetTop // + window.scrollY

你可能想看看：这个问题

Answer 3

function findPos(obj) {

    var curleft = curtop = 0;

    if (obj.offsetParent)
    do {
        curleft += obj.offsetLeft;
        curtop += obj.offsetTop;

    } while (obj = obj.offsetParent);

    return [curleft,curtop];
}

http://www.quirksmode.org/js/findpos.html

Answer 4

对于跨平台解决方案，您可能需要查看微框架Popper.js源。我通过尝试解决这个 popper 问题找到了你的问题，但我相信它适用于任何固定元素。