iframe頁面頂部

Question

有什么方法可以在iframe中建立鏈接以控制主頁。 我需要從iframe建立一個鏈接，使主頁轉到頂部。

例如

<html> <- mainpage
  ...some arcticle...
  <iframe>
    ...long article...
    <a href="goback">Go Back</a>
  </iframe>
</html>

點擊“返回”后，我需要滾動到主頁頂部（而不僅僅是iframe）

我不能使用主頁內的“返回頂部”鏈接，它必須位於iframe中。

謝謝：）

Answer 1

您可以通過使用元素中的id屬性來跳至頁面頂部。

<html id="top">
    <!-- Some content here -->
    <iframe>
        <!-- Long Article here -->
        <a href="#top">Jump to top</a>
    </iframe>
</html>

Answer 2

無法在iframe中完成此操作。 您無法從父頁面控制iframe，反之亦然。

Answer 3

您在iframe中的鏈接應為以下內容

<a href="http://full-address-of-the-parent-page/#top" target="_parent">go back</a>

重要因素是target屬性的_parent值，並且href包含父頁面的完整URL，否則瀏覽器會將父頁面重定向到框架文檔的URL（+錨）。 不確定每個瀏覽器是否僅執行跳轉，還是會重新加載整個頁面。

如果兩個文檔的來源相同（請參見JavaScript的同源政策），則也可以通過腳本來完成，例如

window.parent.scrollTo(0, 0);

Answer 4

我認為它有效！

  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script> $(document).ready(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('.scrollup').fadeIn(); } else { $('.scrollup').fadeOut(); } }); $('.scrollup').click(function () { $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); </script>

iframe頁面頂部

問題描述

4 個解決方案

解決方案1
1 2016-05-27 09:31:15

解決方案2
1 2016-05-27 09:32:03

解決方案3
1 2016-05-27 10:52:18

解決方案4
0 2016-05-27 09:33:58

iframe頁面頂部

問題描述

4 個解決方案

解決方案1 1 2016-05-27 09:31:15

解決方案2 1 2016-05-27 09:32:03

解決方案3 1 2016-05-27 10:52:18

解決方案4 0 2016-05-27 09:33:58

解決方案1
1 2016-05-27 09:31:15

解決方案2
1 2016-05-27 09:32:03

解決方案3
1 2016-05-27 10:52:18

解決方案4
0 2016-05-27 09:33:58