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

Javascript 调整页面大小时弹出iframe不移动,javascript,css,iframe,Javascript,Css,Iframe,我有一个iframe元素,当我点击图片时,它会在图片下方打开 我的问题是,当我打开弹出窗口(iframe)并调整页面大小时,iframe没有保持图片下方的位置 iframeLoginControl.style.position = 'absolute'; iframeLoginControl.style.left = parseInt(imgBtnPos.left) - 12 + "px"; iframeLoginControl.style.top = parseInt(imgBtnPos.to

我有一个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
,当我调整页面大小时,它不会被刷新。

您应该用更多的代码来详细说明这一点。
首先,必须重新计算窗口元素在“onresize”事件中的位置。如果您已经这样做了,请检查代码中的'imgBtnPos'变量:它是什么?它是对DOM元素的引用吗?如果是这样,您忘记了在“.style”关键字前面加“.left”和“.top”

这里的问题是您将
iframe
完全定位在页面的自然流之外。设置坐标时,坐标将参照相对父坐标的左上角

您必须将
iframe
相对于
图像进行定位,这样它将随着页面的流动而移动


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

好的,感谢我成功地为iframe iframeLoginControl[“myancorelementid”]=imgButtonObj.id;我不确定我的回答是否有用,但我很高兴你找到了解决办法。