取决于触发位置的模态位置更改

Question

我正在构建一个打开模式窗口的Web小部件。当触发链接位于页面顶部时，窗口按预期打开。但是当触发器位于长页面的底部（需要滚动）时，模式窗口会在查看区域上方剪切/截断。

无论在哪里触发模式窗口，HTML都会附加到页面主体，所以我不明白是什么导致了问题。

我将不胜感激。

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

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

Answer 1

这不是JavaScript的。这是CSS。在这种情况下，在模态类中将position:absolute更改为position: fixed。瞧。