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>

重要因素是_parent属性的target值，href包含父网页的完整网址，否则浏览器会将父网页重定向到框架文档的网址（+锚点）。不确定每个浏览器是否只进行跳转，或者是否会有完整的页面重新加载。

如果两个文档的来源相同（参见JavaScript的同源策略），那么也可以通过脚本完成，例如。

window.parent.scrollTo(0, 0);

Answer 4

我认为它有效！

＆＃13;

 <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>

＆＃13;

来自iframe的页面顶部

4 个答案: