從iframe將div彈出窗口居中顯示在屏幕上

Question

我的網頁上有一個iframe，我需要在iframe中使用JavaScript代碼顯示一個小的div彈出窗口。 iframe和父級的域不同。 如何在整個屏幕上使此div彈出窗口居中。 我發現了另一個類似的問題，但沒有答案。

Answer 1

您無法編輯該iframe，但是可以使div具有比該iframe更大的z索引，並且可以在iframe內對齊。

腳步：

1. 創建一個div，並進行類test （在我的步驟中）。
2. 將其左側位置更改為iframe的offsetLeft加上（iframe的） offsetWidth/2 ，然后減去div的offsetWidth/2 ，在頂部進行相同的操作（將offsetWidth offsetHeight和offsetLeft替換為offsetTop ）。

可能是這樣的：

div.style.left=(iframe.offsetLeft+(iframe.offsetWidth/2))-div.offsetWidth/2+'px',
div.style.top=(iframe.offsetTop+(iframe.offsetHeight/2))-div.offsetHeight/2+'px'

我建議每次用戶滾動頁面時都要更新div的top和left CSS屬性，否則div不會與屏幕結合。