javascript - src 跳转中的 iframe 锚链接

Question

我在页面中间有一个 iframe。我试图在 iframe 中显示另一个页面，但要从几段开始，而不是在顶部。

所以我在我的 iframe src 中放置了一个锚点，对应于我其他页面中的一个锚点名称标签。

iframe 本身可以滚动，但是页面的主体也会滚动，因此 iframe 的顶部位于屏幕的顶部，这不是我想要的。

有没有办法只滚动 iframe，主页的顶部仍然在屏幕的顶部？

<iframe scrolling="no" src="http://www.mysite.com/#anchorlink"></iframe>

Answer 1

您可以临时将主页的正文样式位置设置为“固定”，然后在 iframe“onload”事件中将其重置为默认值，例如给您的 iframe 一个 ID

<iframe scrolling="no" id = "ifr"></iframe>

并添加以下代码：

var ifr = document.getElementById("ifr");

document.body.style.position = "fixed";

ifr.onload = function() {document.body.style.position = ""};
ifr.src =  "http://www.mysite.com/#anchorlink"

Answer 2

将您的 iframe 放在表格标签中并提供 iframe 所需的高度，以便在不需要时也可以避免滚动

<table>
        <tr>
            <td>top section</td>
        </tr>
        <tr>
            <td><iframe frameborder="0" height='650px;' width='100%'
                    id="pageframe" name="pageframe" src="http://www.mysite.com/#anchorlink"> </iframe>
            </td>
        </tr>
        <tr>
            <td>bottom section</td>
        </tr>
    </table>