getBoundingClientRect() 的意外行為

Question

密碼筆

我正在嘗試頁面底部的 position 頁腳 div 是菜單和內容 div 底部坐標的最大值（ Math.max(menu, content) ）。

但是unfolding all three menus （使菜單大於內容）該值變得小於實際菜單底部值（並且大於內容底部值）。

先感謝您！

Answer 1

getBoundingClientRect()給出相對於視口的結果，因此它受當前滾動 position 的影響。 請注意，如果您在不向下滾動的情況下展開菜單（例如先展開菜單 3），則它可以正常工作。

您可以從bottom值中減去window.scrollY以獲得相對於文檔頂部的真正 position。