使用javascript检测屏幕上的元素位置

Question

有没有一种方法可以使用javascript检测显示器上您所处位置的绝对位置？ 例如，Intersection Observer可以告诉您元素是否在浏览器的视口内，但不能告诉您浏览器是否在用户监视器的中间，并且您的元素不在实际人员视图之外。

Answer 1

您可以使用getBoundingClientRect找到元素的位置

var x = document.getElementById("elementId").getBoundingClientRect().x;
var y = document.getElementById("elementId").getBoundingClientRect().y;

//Your element position
var position = [x, y];

如果您的元素不在视口中，则其取值为负值，具体取决于其从左上角开始的位置。