調整頁面大小時彈出iframe不移動

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

您應該使用更多代碼來詳細說明這一點。 首先，您必須重新計算window元素“ onresize”事件中的位置。 如果您已經這樣做了，請檢查代碼中的'imgBtnPos'變量：這是什么？ 它是對您的DOM元素的引用嗎？ 如果是這樣，您忘記了將'.style'關鍵字放在'.left'和'.top'之前

Answer 2

這里的問題是，您要完全將iframe定位在頁面的自然流動范圍之外。 設置坐標后，您的坐標將參考相對父級的左上角。

您必須將iframe相對於image -這樣，它就會隨着頁面的流動而移動。

您沒有提供將iframe附加到文檔的方式，但是如果以內聯方式附加iframe，並且您沒有絕對放置它，它應該可以正常工作。