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

我有一個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當我調整頁面不被刷新。

來源

2012-11-15 shaharnakash

你應該用更多的代碼詳細說明。首先，您必須重新計算窗口元素的「onresize」事件中的位置。如果您已經這樣做了，請在代碼中檢查'imgBtnPos'變量：它是什麼？它是否是對DOM元素的引用？如果是的話，你已經忘了「左」前「.style」關鍵字「.TOP」

來源

2012-11-15 12:01:19 LittleSweetSeas

這裏的問題是，你定位iframe絕對和自然流頁面的外。在您設置它的那一刻，您的座標被引用到相對父項的左上角。

你必須定位iframe相對於image - 這樣它將隨着頁面的流動而移動。

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

來源

2012-11-15 12:01:29 Labu

好的，謝謝我成功創建了一個id iframeLoginControl [「MyAncoreElementID」] = imgButtonObj.id; – shaharnakash

不知道我的答案有幫助，但我很高興你找到了解決方案。 – Labu

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

回答

相關問題