是否可以将滚动条连在一起？

Question

我试图在一个由黑线分隔的模态中打开2个图像，然后在那里 是每个单独窗口的滚动条，溢出设置为滚动。每个中的图像 窗口是相同的，除了它们已经被原始的不同算法放大了 形式（不要担心这些，它只是为了让你了解目的）。我想要它，这样当你比较溢出的图像时，滚动条被束缚或相互绑定，这样当你在一个窗口上滚动时，它会滚动到另一个窗口。

如果你需要一个特定的代码示例，我稍后会提出一个代码示例，因为我只是想知道 现在可能如何做到这一点。谢谢你的帮助。

Answer 1

基本上，您需要挂钩两个滚动元素的onscroll事件，并在每个滚动元素中将另一个的scrollTop设置为您滚动到的内容。另外，请确保在之前和之后设置和清除布尔值，以便不进行相互递归。

Answer 2

您可以使用jQuery侦听滚动事件，然后在第二个容器上执行相同的滚动。如果图像大小不同，您可能必须使用某些逻辑。

This应该可以帮助您入门。

Here is an example.

修改

出于存档目的，我提供了示例中使用的jQuery。

$( '#one' ).scroll( function() {
    $( '#two' ).scrollTop( $( '#one' ).scrollTop() );
} );

Answer 3

我想必须为每张照片添加object.onscroll事件。只需将scoll值分配给

后面当前图片的另一张图片

object.addEventListener ("scroll", handler, useSomething);
object.attachEvent ("onscroll", handler);

Answer 4

使用iframe - 将两张图片放入要在iframe中显示的文件中，然后您只需要一个滚动条。