Как получить абсолютную позицию элемента (относительно всего экрана)

Question

Мне нужно получить положение элемента относительно всего экрана и показать что-то там с помощью внешнего приложения. Либо на HTML-странице , либо Расширения Chrome .

Один из способов сделать это - получить внутреннюю часть Y браузера относительно экрана.У нас уже есть window.screenY, который указывает на верхнюю часть окна браузера.У нас также есть window.innerHeight и window.outerHeight.Тем не менее, одна важная вещь отсутствует, то есть window.innerScreenY.Я проверил Mozilla Firefox, и он предоставляет это значение, используя window.mozInnerScreenY, но я не уверен, какая версия поддерживает и поддерживают ли это другие браузеры.

Так есть ли способ сделать это?

Answer 1

Следующий код взят из Получить позицию (X, Y) HTML-элемента :

var rect = element.getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left);

Смещение по Y в этом случае будет rect.top.