Javascript 实现iframe的顶部和底部水平滚动条

我正在为

iframe

实现顶部和底部水平滚动条。我正在使用外部站点url显示在

iframe

上

在主div containig

iframe

之前，我又创建了一个

div

滚动条。在它的滚动事件中，我正在更改

iframe

的滚动位置，反之亦然

这是我的实现

如果我给出了来自同一个域的任何url（类似于

localhost:8080/myProject/samplePage.html

），那么它工作得非常好。但对于外部URL，它不起作用

当我滚动顶部滚动条时出现此错误

未捕获的安全性错误：阻止具有原点的帧访问 带原点的框架。协议、域和端口必须匹配

我正在使用代码：

 var frame = document.getElementById('iframe1').contentWindow;
 scrollbar.onscroll= function() {
                //changing the scroll positions of iframe
                var posLeft = scrollbar.scrollLeft;
                frame.scrollTo(posLeft,frame.document.body.scrollTop);
            };
  frame.onscroll= function() {
                //changing the scroll positions of top scroll
                var posLeft = frame.document.body.scrollLeft;
                scrollbar.scrollLeft = posLeft;
            };

---

此错误是由防止跨端脚本的安全措施引起的，称为。尽管W3C正在开发一个，但这可能对您没有帮助，因为iframe中的站点必须与您合作来实现这一点，这是解决此问题的大多数解决方案的情况

但是，您可以尝试的一个解决方法是更改

document.domain

属性，以便iframe中的站点域与站点域匹配