Function getAbsoluteClientRect

Returns {
    bottom: number;
    height: number;
    left: number;
    right: number;
    top: number;
    width: number;
    x: number;
    y: number;
}

A DOMRect-like object with top, left, etc. offset by window.scrollX / window.scrollY for page coordinates.

const el = document.createElement("div");
document.body.appendChild(el);
window.scrollTo(0, 100);

const rect = getAbsoluteClientRect(el);
rect.top; // viewport top + window.scrollY
rect.left; // viewport left + window.scrollX
Copy