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

标签 javascript css iframe

我有一个 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 在我调整页面大小时没有刷新。

最佳答案

这里的问题是您将 iframe 绝对放置在页面的自然流之外。在您设置坐标时,您的坐标将引用相对父级的左上角。

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

您没有提供将 iframe 附加到文档的方式,但如果您将它附加到文档中,并且您没有绝对定位,它应该可以正常工作。

关于javascript - 调整页面大小时弹出iframe不移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13396962/

相关文章:

javascript - clearTimeout 和 clearInterval 不适用于移动设备

javascript - 使用 JS 代码的移动响应

javascript - 使用 postMessage() 绕过原点被阻止的框架来访问跨原点框架

javascript - 可拖动/可滚动区域内的 iFrame

javascript - 使用 Javascript 正则表达式从字符串末尾删除 int 和 float

javascript - jQuery 问题 - #<an Object> 没有方法

javascript - JSON.parse 给我一个错误,但 JSONLint 说它是一个有效的 json

html - 如何使用 CSS 更改线条透视图?

javascript - 当按顺序添加/删除类时,由 JavaScript 控制的 CSS3 单向转换不起作用

javascript - 将 Javascript 传递到重定向的网页