Iframe scrool問題..解決方案是什麼？

Question

我有不同的服務器上，我顯示一個服務器的到另一個使用iframe中數據的兩個文件中，我使用以下代碼

server.php（託管在服務器A）

<?php 
header("Access-Control-Allow-Origin: *"); 
header('Access-Control-Allow-Methods: GET, POST'); 
?> 
this is itest 
<div style="height:1100px; background-color:pink; width:100px" >sdfsd</div> 
<a href="javascript:;" onclick="goTop()">Go to Top</a> 
<script> 
function goTop() { 
    parent.scrollTo(0,0); 
} 
</script> 

---

client.php（託管在服務器B）

<iframe src="http://serverA.com/server.php" height="1200px" > 

---

當我點擊「轉到頂部「我得到的鏈接」未捕獲SecurityError：阻止了一個源於「....」的框架訪問源於「...」的框架。協議，域和端口必須匹配。 「

的解決方案是什麼？

Answer 1

1. 創建父框架的功能，將滾動到頂部
2. 使用，在一個事件函數（你已經在goTop形式已經做到了這一點）偵聽器window對象
3. 使用parent.postMessage從該幀中的文件上的message事件消息發送到父元素

例如，

參見the MDN postMessage page。