javascript - 如何获得浏览器的 document.body 相对于屏幕的坐标？

Question

一定有办法找到它。 我需要找出 document.body 相对于屏幕的坐标

我需要找出图像中问号的坐标。这将是文档正文相对于屏幕的位置。该图像描述了我可以使用的属性。 是否可以？

Answer 1

bobbel on WebDeveloper.com建议通过比较内窗宽度和外窗宽度来获取边框的宽度，然后从内外高度差中减去该宽度，以获得可以添加到 screenX 和 screenY 的值的窗口标题的大小:

// compute width of borders
var borderWidth = (window.outerWidth - window.innerWidth) / 2;

// compute absolute page position
var innerScreenX = window.screenX + borderWidth;
var innerScreenY = (window.outerHeight - window.innerHeight - borderWidth) + window.screenY;

当然，这不能保证是正确的——用户的浏览器完全有可能在底部有一个栏，或者在侧面/底部有不同宽度的窗口装饰——但它是顶部的一个准确、实用的解决方法- 我能想到的每个默认浏览器/窗口配置中的级别浏览器窗口。 (当然，这不适用于 iframe 中的页面。)

---

正确的解决方案是在 whatwg 邮件列表上提出规范，使 innerScreenX 和 innerScreenY 成为标准，如 the discussion on Chromium issue 151983 中所述。关于为 Chrome 实现与 mozInnerScreenX/Y 类似的值。不过，似乎没有人花时间这样做(尽管有 this 疯狂的提议来实现异步 API 函数来“计算”它)。