我的任务是在单个html页面中启动2个网页并进行网页比较,因此我为每个比较的网​​页都创建了2个iframe,但是在同步滚动条行为时遇到问题,例如我在左侧网页(iframe1)上移动垂直滚动条,然后在右侧网页(iframe2)上的滚动条也会移动。
有谁知道该怎么做?或使用iframe的其他方法,但可以启动2个网页并同步滚动条?
谢谢

最佳答案

您可以使用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;
};

关于javascript - 如何同步2 iframe的滚动条,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35238103/

10-11 22:04
查看更多