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

Can I synchronize the scrollbars of two iframes?

本文关键字：iframe 滚动条 两个 同步 我可以      更新时间：2023-09-26

可能重复：
如何同步几个iframe 的滚动位置

我有一个HTML页面，其中包含两个iframe。我想同步两个iframe的滚动条。也就是说，如果有人移动了一个iframe的水平或垂直滚动条，那么同时另一个ifame的水平或竖直滚动条应该同步移动。

以下是一些指针：

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

  • 注册一个滚动处理程序contentWindow.onscroll，就可以使用scrollTo进行滚动。

安全注意：iframe的内容应该与顶级页面来自同一个域，然后才能访问contentWindow的值，因为跨域Javascript访问被阻止。

frame1.contentWindow.onscroll = function(e) {
    frame2.contentWindow.scrollTop = frame1.contentWindow.scrollTop;
    frame2.contentWindow.scrollLeft = frame1.contentWindow.scrollLeft;
};
相关文章：