javascript - 将窗口从具有与父级不同域的 iFrame 滚动到 Iframe 顶部

Question

上下文:

1. 父页面加载包含应用/插件的 IFRAME
2. 父页面与 IFRAME 具有不同的域
3. 父页面和 IFRAME 都安装了 iframeResizer 插件 -> iframe 没有滚动条(所有内容都显示在父页面上) - IFRAME 始终根据情况调整大小其文档高度
4. 父页 html/js 无法更改，只能更改 IFRAME

问题:

如果用户位于 IFRAME 的底部并执行操作，如何将他滚动到 IFRAME 的顶部？

不有效的解决方案:

1. window.scrollTo(0,0);//来自 iframe

2. iframe 中带有 window.parent 的任何内容(无法访问)

3. 在 iframe 主体顶部使用 anchor 并重写 window.location

有效的解决方案？

1. 将发布一个作为答案(它可以工作，但很奇怪......并且对 IE 不利)

Answer 1

您可以尝试使用document.body.scrollIntoView() .

它应该适用于 IE8+ 和其他浏览器(我只在 Chrome、FF 和 IE11 中测试过)

参见代码笔 demo here .

document.body.scrollIntoView();