防止页面跳转到iframe

Question

我正在尝试通过 iframe 将 wetransfer 集成到网站中，但是当页面加载时遇到问题，它会跳转到页面的一半，因此它专注于 iframe，而不是在页面顶部打开。

据我所知，wetransfer 网站上有一个脚本告诉它跳转到该部分，而不是从页面顶部开始。如何让它通过 wetransfer 忽略脚本或在加载 iframe 后告诉它移回页面顶部？

使用 jquery 我尝试了 $('html').scrollTop(0); 启动iframe后，还是不行。

在网站上，我让 jquery 计算用户屏幕的高度，然后将标题设置为该大小，并具有完整的背景和导航，然后 iframe 从该高度下方开始。因此，将位置设置为绝对位置或类似的任何位置是行不通的。

我创建了一个非常简单的 jsfiddle 示例，只是为了展示页面如何打开并滚动到页面中间。仅当 iframe 源是 wetransfer 而不是任何其他源时，它才会执行此操作。

https://jsfiddle.net/dbruning22/c0s6mhkv/6/

超文本标记语言

<header>
  Some Header information and navigation
</header>
<div class="main">
  <iframe src="https://www.wetransfer.com/" width="100%" height="700" frameborder="0"></iframe>
</div>

CSS

header { 
  background: green;
  height: 600px;
}

Answer 1

您可以在页面顶部放置一个锚点，如下所示：

超文本标记语言

<header>
<a id="focus" href="#focus"></a>
  Some Header information and navigation
</header>

在页面加载时使用这个 JS：

document.getElementById("focus").focus();