首页 > 解决方案 > iframe 获取父屏幕高度

问题描述

有一个 div,包括一个适合屏幕高度的图片集。

除了在 iframe 中之外,它的工作原理是高度变为内容高度,等于滚动高度而不是屏幕高度。

有什么方法可以让 iframe 中的 div 抓取真实的屏幕高度或其父母的屏幕高度?

或者我可以编写一个脚本来捕捉真实的屏幕高度并将其伪装为 iframe 中的元素捕捉到的屏幕高度,而无需在 iframe 中进行任何修改?

标签: javascriptcssiframe

解决方案


您可以在父容器中运行脚本,该脚本调用 iframe 中的函数并通过调用发送对自身的引用。通过这个参考,iframe 可以控制父级,例如读取 window.height 等属性。

仅当两个站点(父站点和子站点)都在同一个域上时才能执行此操作。即使您在没有网络服务器的情况下从光盘运行脚本,它也可能无法正常工作!

有关更多详细信息,请参阅从父页面调用 iframe 中的 JavaScript 代码。


推荐阅读