从 iframe 水平滚动到 iframe答案

【问题标题】：Horizontal scrolling from iframe to iframe从 iframe 水平滚动到 iframe
【发布时间】：2014-12-24 19:24:39
【问题描述】：

如果标题没有准确描述我要查找的内容，我深表歉意。我对这些东西还是很陌生，我不确定我想要完成的确切术语，但这是它的图片：

在这张图片中，我使用 iframe 显示了另一个 HTML 文件（“Max to Meet the Maniacs”）。您还可以看到，下面还有另一个包含另一个 iframe 的 header 元素。我希望第二个 iframe 位于第一个 iframe 的右侧，以便我可以在两者之间水平滚动。我希望这是有道理的。我正在部署一个静态网站，所以我知道它有局限性（虽然不完全确定它们是什么）。有任何想法吗？

编辑：这是我的 HTML。如果需要，我可以发布 CSS。

<section id="first" class="main center profile">

<header style="height:100%;width:100%">
    <iframe style="height:100%;width:100%" src="profile.html" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0">
    </iframe>
</header>

<header style="height:100%;width:100%">
    <iframe style="height:100%;width:100%" src="danny.html" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0">
    </iframe>
</header>

</section>

【问题讨论】：

我们需要查看代码，而不是图像。
这些图像是解释我想要完成的任务所必需的。我认为解决方案不会特定于我的代码，这就是我没有发布它的原因。我现在将添加 html。我也可以发布我的 CSS，但我不确定你们需要看到什么，而且我显然不想发布我的整个样式表。
您对问题的描述相当令人费解。您是否只是想将两个 iframe 并排放置？
我还没有通读发布的答案，但以防万一不起作用，我会尝试解释。我正在尝试将两个 iframe 并排放置，以便我可以以类似于在本页顶部滚动图像的方式滚动它们：agility-html.sevenspark.com
How to put two iframes side by side的可能重复

标签： html css iframe horizontal-scrolling

【解决方案1】：

让我试着解释一下，试着制作一个大约 1000 像素宽的外部容器。现在你想让每个 iframe 宽 500 像素，这样它们都可以适应。然后你想让顶部 iframe 向左浮动，底部 iframe 向右浮动。如果它不起作用，请尝试调整 iframe 的宽度，因为如果您有填充或边距，它将使其超过 500 像素并破坏浮动。

帮助漂浮。 http://css-tricks.com/all-about-floats/

希望这会有所帮助。

【讨论】：

我还没有尝试过，但这是否可以让两个 iframe 都在视图中？我只希望一次显示一个 iframe。我已经有了用于在两者之间滚动的按钮的 javascript。我只需要将它们并排放置，一次只在父
中显示一个。
然后只需将iframes 粘贴在一个足够宽的容器中，以便仅显示其中一个。如果iframes 要并排或叠放在一起，您只需使用left 位置或z-index 即可在它们之间切换。
随时。很高兴我能帮上忙。