当视线离开时（从iframe本身内部）刷新iframe

Question

我有一个嵌入了一个带有Unity游戏的iframe的页面，直到用户实际点击iframe时才会加载游戏。这样可以确保页面加载速度快，并且没有正在运行的游戏没有正在播放（在一个页面上可能会有多个游戏）。

现在我想知道，是否有可能在用户滚动时刷新iframe？所以游戏停止运行，再次等待点击。是否有可能通过更改iframe显示的页面？ （所以不是具有iframe的页面。）

注意：我对嵌入iframe的实际页面的控制有限，这就是为什么iframe可以通过iframe显示的页面可以完成的原因。

编辑：我发现这个刷新：self.location.reload();，现在我只需要能够检测iframe是否在iframe中查看。

Answer 1

您无法检测iframe是否位于外部站点的视口中，因为您无法从iframe内访问父域的文档。这将需要确定iframe元素在页面上的位置。

Answer 2

如果iframe src与父窗口位于同一个域内，那么它是可能的。在你的游戏页面，你可以在这样的父窗口检测滚动事件：

var parent = window.parent; 
parent.onscroll = function (e) { 
    // the parent window has scrolled, 
    // you can pause the game here 
} 

然后，你可以仅仅通过增加一个点击事件检测的iframe中用户点击。

window.onclick = function() { 
    // user has clicked on the iframe, 
    // you can initialise the game now 
}