jquery - 固定 div 位置而不考虑滚动条

Question

我在 iframe 中放置了一个 div。在该 div 中存在一个显示弹出窗口的链接。

我的页面高度太大(高度=1500 像素)。页面包含 2 个 div

第一个 div 包含一些 Logo 和一些文本

第二个只包含 iframe。

当我单击该 iframe 中的 anchor (链接)时，它会显示一个弹出窗口。我已将弹出窗口的位置固定在 iframe 的底部。

当我向上滚动时，弹出消息被隐藏了。如何固定弹出窗口的位置，以便在页面上滚动时出现在页面上。

意味着如果我们向下或向上滚动，将出现弹出窗口。

为此，我在 Google 中进行了搜索，发现如果我们写入“position: fixed”，那么它将起作用。但在 iframe 的情况下它不起作用。

如何解决这个问题

请帮忙

谢谢

Answer 1

当嵌套在父 div 而不是 iFrame 中时，它必须是 position:fixed。 iframe 有它自己的上下文，因此“弹出窗口”相对于它而不是整个页面是固定的。

如果您提供 fiddle 或类似的代码，那么其他人可以演示或更好地理解问题。