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>

在src跳跃中的iframe锚点链接

2 个答案: