Question

我有一个iframe元素，当我点击图片时，它会在它下面打开。

我的问题是，当我打开弹出窗口（iframe）并调整页面大小时，iframe不会将位置保持在图片下方。

iframeLoginControl.style.position = 'absolute';
iframeLoginControl.style.left = parseInt(imgBtnPos.left) - 12 + "px";
iframeLoginControl.style.top = parseInt(imgBtnPos.top) + parseInt(imgButtonObj.height) - 1 + "px";

我认为我的问题是imgBtnPos.left在调整页面大小时无法刷新。

Answer 1

您应该使用更多代码详细说明。首先，您必须重新计算窗口元素的“onresize”事件中的位置。如果您已经这样做，请检查代码中的'imgBtnPos'变量：它是什么？它是对DOM元素的引用吗？如果是这样，你忘了在'.left'和'.top'

之前添加'.style'关键字

Answer 2

这里的问题是您绝对定位iframe，并且在页面的自然流程之外。您设置它时，您的坐标将被引用到相对父级的左上角。

您必须将iframe相对于image定位 - 这将随着页面的流动而移动。

您没有提供将iframe附加到文档的方式，但是如果您将其内联，并且没有绝对定位，那么它应该可以正常工作。

调整页面大小时弹出框架iframe不移动

2 个答案: