从iframe页面的顶部

有没有什么办法如何使iframe内部的链接来控制主页面。我需要从iframe中创建一个链接，使主页面位于顶部。从iframe页面的顶部

例如

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

点击“回到”我需要滚动到主页面（不只是IFRAME）的顶部

我不能用“回顶”之后主页面内的链接，它必须在iframe中。

感谢您使用的元素id属性:)

来源

2016-05-27 Jirka

可以跳转到页面顶部。

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

来源

2016-05-27 09:31:15 StrangeOne101

这不能在iframe中完成。您无法从父页面控制iframe，反之亦然。

来源

2016-05-27 09:32:03

我认为它的工作原理！

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

来源

2016-05-27 09:33:58 Elvopresla

你的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);

来源

2016-05-27 10:52:18 Rafael

从iframe页面的顶部

回答

相关问题