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