我可以同步两个iframe的滚动条吗？

Question

  

可能重复：
  How to synchronize scrolling positions for several iframes

我有一个包含两个iframe的HTML页面。我想同步两个iframe的滚动条。这意味着，如果某人移动了一个iframe的水平或垂直滚动​​条，那么另一个iframe的水平或垂直滚动​​条应该同步移动。

Answer 1

以下是一些提示：

• 您可以使用contentWindow属性访问iframe的窗口。

• 注册滚动处理程序contentWindow.onscroll，您可以scroll using scrollTo。

安全提示：iframe的内容应该来自与顶级网页相同的域，然后才能访问contentWindow的值，因为跨域Javascript访问被阻止。

frame1.contentWindow.onscroll = function(e) {
    frame2.contentWindow.scrollTop = frame1.contentWindow.scrollTop;
    frame2.contentWindow.scrollLeft = frame1.contentWindow.scrollLeft;
};