我正在尝试在用黑线分隔的模态内打开 2 张图像，然后在那里是每个单独窗口的滚动条，溢出设置为滚动。每个图像中的图像窗口是相同的，只是它们被与原始算法不同的算法放大了形式（不要担心这些，这只是为了让你了解目的）。我希望它是为了当您比较溢出的图像时，滚动条相互束缚或绑定，以便当您在一个窗口上滚动时，它会在另一个窗口上滚动。
如果您需要一个特定的代码示例，我稍后会介绍一个，因为我只是想得到一个想法现在这怎么可能。感谢您的帮助。
基本上，您需要挂钩两个滚动元素的onscroll事件，并在每个元素中将另一个元素的scrollTop设置为滚动到的内容。此外，请确保在前后设置并清除布尔值，以免相互递归。
您可以使用 jQuery 侦听滚动事件，然后在第二个容器上执行相同的滚动。但是，如果图像大小不同，则可能必须使用一些逻辑。
这应该可以帮助您入门。
下面是一个示例。
编辑
出于存档目的，我提供了示例中使用的jQuery。
$( '#one' ).scroll( function() {
$( '#two' ).scrollTop( $( '#one' ).scrollTop() );
} );
我想
每张图片都必须有一个object.onscroll事件。 只需将 scoll 值分配给当前图片的其他图片即可
object.addEventListener ("scroll", handler, useSomething);
object.attachEvent ("onscroll", handler);
使用 iframe
- 将两张图片都放在要在 iframe 中显示的文件中，然后您只需要一个滚动条。