src 跳转中的 Iframe 锚点链接

Iframe anchor link in src jumping

本文关键字：链接 Iframe src      更新时间：2023-09-26

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

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

iframe 本身滚动正常，但页面的主体也会滚动，以便 iframe 的顶部位于屏幕顶部，这不是我的意图。

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

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

您可以临时将主页的正文样式位置设置为"固定"，然后在 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"

将 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>
相关文章：