父頁面上的錨定鏈接，這些鏈接會跳轉到iframe中的不同部分

Question

我有一個使用頁面部分名稱設置的主父頁面

觸發后，我希望iFrame向下滑動到iFrame中的該部分。 這可能嗎？ 我知道我可以在同一頁面中創建一個具有相同href =“＃ID”的ID，但我不知道從何開始。 任何解決方案或建議都很好。 謝謝！

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屬性中提供了完整的URL https://vuejs.org/#footer ，而不僅僅是#footer ； 速寫版本僅在鏈接目標位於同一文檔中時才有效。 只要#之前的URL不變，瀏覽器仍將僅滾動到指定的目標，而不重新加載框架。