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>