Question

我有一个主要的父页面，我已使用页面部分名称

进行设置

触发后，我希望iFrame向下滑动到iFrame内部的那一部分。这可能吗？我知道在同一页面内我可以创建一个具有相同href =＆＃34;＃ID＆＃34;但我不知道从哪里开始。任何解决方案或建议都会很棒。谢谢！

Answer 1

您可以为IFRAME提供name属性，以及指向该特定名称的target属性链接。这是一个例子：

#container {
  display: flex;
}
a, iframe {
  margin: 0 16px 8px;
  display: block;
}

<div id="container">
  <div>
    <a href="https://vuejs.org/#hero" target="my-iframe">
      Go to the top in the IFRAME
    </a>
    <a href="https://vuejs.org/#footer" target="my-iframe">
      Go to the footer in the IFRAME
    </a>
  </div>

  <iframe name="my-iframe" src="https://vuejs.org/" width="300" height="200"></iframe>
</div>

请注意，我在HREF属性中提供完整的网址https://vuejs.org/#footer，而不只是#footer;只有链接目标位于同一文档中时，速记版本才有效。只要#之前的URL没有改变，浏览器仍然只会滚动到指定的目标，而不是重新加载帧。

跳转到Iframe中不同部分的父页面上的锚点链接

1 个答案: