Question

我切换一些导航动画以显示和隐藏特定的li元素。我希望每次用户在主屏幕上时都显示我的元素。我已成功维护初始加载时显示的nav项目。

这是一个演示：

https://jsfiddle.net/lorenabrito/p9jm59db/22/

如果内容未与之互动，则会通过.replace()

重定向到主页

但是，如果隐藏了nav并且触发了不活动条件，则导航会在重定向时保持关闭状态，导致nav重复。我知道nav重复项，因为主屏幕页面正在主屏幕中的iframe内加载。

理想情况下，当触发页面不活动重定向时，我想用主屏幕内容覆盖DOM。我暂时想到也许我可以设置一个条件，以便在iframe中加载任何新内容时返回，但使用src值替换I＆＃m; m不会改变。我不知道我是否看了太长时间，或者只是不可能。

所有三个页面都使用相同的域名。

我每次加载iframe时都会进行控制台记录。

我发现Access child iFrame DOM from parent page最有帮助。

非常感谢任何输入。

//main page with navigation 
<iframe id="main" src="http://main-screen.html"></iframe>

//second page 
//http://second-screen.html
if (inactivity > 3) // waits 3 mins. 
  window.location.href = 'http://main-screen.html'; 
}

//third page 
//http://third-screen.html
if (inactivity > 3) // waits 3 mins. 
  window.location.href = 'http://main-screen.html'; 
}

我很抱歉没有立即发布演示。谢谢！

Answer 1

我已经使用嵌套的iframe成功编写了窗口的DOM结构。最终，我在项目开发过程中得出结论，我最初的方法很混乱。我试图用最近加载的iframe替换那个windows DOM。

最后，我学到了很多关于iframe的知识！

iframe DOM覆盖

1 个答案: