javascript - jqueryなしで固定要素の位置を取得するにはどうすればよいですか？

Question

こんにちは

位置が固定された要素があり、位置を検出できず、フレームワーク（jquery、mootoolsなど）なしでjavascriptを明確に使用する必要があります。

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ソースを確認することをお勧めします。このポッパーの問題を解決しようとしてあなたの質問を見つけましたが、それはどの固定要素にも当てはまると思います。