从Iframe滚动窗口到iFrame顶部，其域与父域不同

Question

上下文

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

问题

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

不使用的解决方案：

1. window.scrollTo(0,0); // from iframe
2. 任何来自iframe的window.parent (无法访问)
3. 使用iframe主体顶部的锚并重写window.location

有效的解决方案？

1. 将发布一个作为一个答案(这是有效的，但它是weird...and不好的IE)

​

​

Answer 1

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

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

参见代码这里的演示。

document.body.scrollIntoView();