模态位置根据触发位置而变化

Question

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

无论触发模态窗口的位置如何，HTML都会附加到页面正文中，因此我不明白导致问题的原因。

我将不胜感激。

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

example / demo：https://textfilter.me/privacy/

Answer 1

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