php - 是否可以将滚动条系在一起？

Question

我正在尝试在由黑线分隔的模态中打开 2 个图像，并且每个单独的窗口都有一个滚动条，并且溢出设置为滚动。每个窗口中的图像都是相同的，只是它们已通过不同的算法从原始形式放大（不要担心任何这些，这只是为了让您了解目的）。我想要它，这样当您比较溢出的图像时，滚动条会相互连接或绑定，以便当您在一个窗口上滚动时，它会在另一个窗口上滚动。

如果您需要一个特定的代码示例，我稍后会提供一个，因为我现在只想了解这可能是如何实现的。谢谢你的帮助。

Answer 1

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

Answer 2

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

这应该可以帮助您入门。

这是一个例子。

编辑

出于存档目的，我提供了示例中使用的 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 中显示，然后您只需要一个滚动条。