取決於觸發位置的模態位置更改

Question

我正在構建一個打開模式窗口的Web小部件。當觸發鏈接位於頁面頂部時，窗口按預期打開。但是當觸發器位於長頁面的底部（需要滾動）時，模式窗口會在查看區域上方剪切/截斷。

無論在哪裏觸發模式窗口，HTML都會附加到頁面主體，所以我不明白是什麼導致了問題。

我將不勝感激。

JS代碼：https://textfilter.me/widget.js

例如/演示：https://textfilter.me/privacy/

Answer 1

這不是JavaScript的。這是CSS。在這種情況下，在模態類中將position:absolute更改爲position: fixed。瞧。