Firefox：获取视口的实际屏幕位置

Question

对于firefox，无论如何都要确定“视口”（即客户区）的TopLeft位置？我知道通过window.innerHeight和window.innerWidth可以获得高度/宽度。但我还需要知道“innerTop”和“innerLeft”（它们不存在）。

谢谢，

罗布

Answer 1

如果您可以获得鼠标事件，则可以查看其event.screenX / screenY属性并减去event.clientX / clientY属性。这甚至是跨浏览器兼容的（DOM Level 2 Events）。

Answer 2

• window.innerHeight - 文档区域的高度。
• window.outerHeight - 整个窗口的高度。

您可以从另一个中减去一个，并从窗口顶部获取文档区域的距离，再加上状态栏的高度。

Answer 3

试试这个：

document.documentElement.getBoundingClientRect()

此函数的结果将具有left和top属性，可以为您提供所需的内容。

注意：此函数在Fx3中实现，因此对于旧版本，您将需要DOM遍历offsetParent迭代。

Answer 4

这似乎也提供了从文档顶部到视口的偏移量：

window.pageYOffset