頁面只顯示絕對定位的彈出窗口的一半

Question

我有一個頁面具有一些觸發彈出窗口的功能。該彈出窗口被定義爲包含一些內容的div。該div有一些CSS給它一個適當的外觀，也包含position:absolute。

疊加層相對於另一個元素（在頁面上觸發它的元素以及該元素可能在頁面動態創建時的任何位置）定位，並將彈出窗口的頂部設置爲等於觸發元素的底部。

彈出窗口大部分時間顯示正確，但如果觸發元素是頁面的底部，則只有彈出窗口的頂部部分可見。出於某種原因（也許是因爲它是絕對定位的元素？）我沒有在瀏覽器中滾動的可能性，所以我可以看到其餘的內容。

有沒有什麼辦法可以讓彈出窗口「計數」爲頁面的一部分，因此可以在瀏覽器內部滾動以查看所有內容？

Answer 1

嘗試.appendTo('body');在彈出窗口的調用行末尾。

另一種可能解決滾動問題是使用position:fixed;代替position:absolute;