從具有不同於父域的域的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. 將發布一個作為答案（可以，但是很奇怪...對於IE不利）

Answer 1

您可以嘗試使用document.body.scrollIntoView（） 。

它應該可以在IE8 +和其他瀏覽器上運行（我僅在Chrome，FF和IE11中對其進行了測試）

在此處查看codepen 演示 。

document.body.scrollIntoView();

Answer 2

在Chrome＆Mozilla（IE無法正常工作，為什么？）中，這可以很好地工作……但這似乎不是正確的方法。

演示 代碼筆演示

1. 在IFRAME中創建一個input字段
2. 設置輸入樣式，以使其對用戶不可見
3. 通過集中 IFRAME的input來滾動父頁面

// IFRAME JS
    // initialize a "scroller" object
    var scrollPage = (function(){
        var input = document.createElement("input");
        input.style.position="absolute";
        input.style.top="-50px";
        document.body.insertBefore(input, document.body.firstChild);
        return function(){
            input.focus();
        };
    })();
    // use the "scroller" when needed
    scrollPage();