Firefox：獲取視口的實際屏幕位置

Question

對於firefox，無論如何確定「視口」（即客戶區）的TopLeft位置？我知道高度/寬度可以通過window.innerHeight和window.innerWidth獲得。但我也需要知道「innerTop」和「innerLeft」（不存在）。

感謝，

羅布

Answer 1

如果你能得到一個鼠標事件，你可以看看它的event.screenX/screenY屬性和減去event.clientX/clientY屬性。這甚至是跨瀏覽器兼容的（DOM Level 2事件）。

Answer 2

• window.innerHeight - 文檔區域的高度。
• window.outerHeight - 整個窗口的高度。

您可以從另一箇中減去另一個，從窗口頂部加上文檔區域的距離，再加上狀態欄的高度。

Answer 3

試試這個：

document.documentElement.getBoundingClientRect() 

這個函數的結果將有一個左和頂部屬性，它會給你你所需要的。

注意：該函數在Fx3中實現，因此您需要爲舊版本進行DOM遍歷offsetParent迭代。

Answer 4

這似乎給從文檔的頂部偏移到視太：

window.pageYOffset