时间戳

首页 > 解决方案 > 具有动态 html 菜单的 iframe 可以在 iframe 之外显示其菜单吗？

javascript - 具有动态 html 菜单的 iframe 可以在 iframe 之外显示其菜单吗？

问题描述

我有一个网页，其中包含来自 3rd 方网络应用程序的 iframe。

iframe 中的 Web 应用程序有一个动态弹出菜单，该菜单在 iframe 的边缘被截断。

无论如何我可以嵌入 iframe，以便允许在 iframe 的边界之外显示这个动态菜单？我完全信任第 3 方网站，但不能更改它的任何代码。

我怀疑这是可能的，因为我认为这将是一个安全问题（点击劫持），但想确定一下。

这是问题的图片，黑色是 iframe 边框，红色矩形是被切断的部分。 在此处输入图像描述

标签： javascriptiframe

解决方案

我从来没有找到完全做到这一点的方法，并且强烈怀疑它永远不会与 3rd 方网站一起使用。

但是，我确实意识到您可以缩放 iframe 的内容以适应 iframe，这对我有用

这似乎是最好的stackoverflow

如何缩放 iframe 的内容？

这是一个适用于 Chrome、Safari 和 Firefox（现代）的示例，但不确定是否适用于旧版浏览器。它显示了嵌入在 iframe 中的网站，并缩放以适合 iframe 大小。

.wrap { width: 320px; height: 196px; padding: 0; overflow: hidden; float: left;}
.frame { width: 1280px; height: 786px; border: 1px solid black}

.frame {
    // zoom: 0.25;
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
}
<p>before the iframe</p>
<div class="wrap">

<div class="wrap">
    <iframe class="frame" src="https://time.is">
    </iframe>
</div>

推荐阅读