javascript - 防止页面跳转到iframe

Question

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

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

我尝试使用 jquery $('html').scrollTop(0);启动 iframe 后，仍然无法正常工作。

在网站上，我让 jquery 计算用户屏幕的高度，然后将页眉设置为该大小，具有完整的背景和导航，并且 iframe 开始低于该高度。因此，将位置设置为绝对位置或类似的任何内容都行不通。

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

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

HTML

<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

这对我有用:

1) 您最初通过将显示设置为无来隐藏 iframe:

<iframe id="bmap" src="xxx.xxxx.xxx" style="display:none;"  frameborder="0">

2) 页面加载后，使用 jquery 或 javascript 显示 iframe:

window.onload = function ()
{
    $("#bmap").show();
}

这对我跨浏览器有效