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

我试图打开由黑线分隔的模式内的2个图像，并且是每个单独窗口的滚动条，并且溢出设置为滚动。每个窗口中的图像都是相同的，只不过它们已被其原始表单中的不同算法放大（不必担心这些，只是为了让您了解其目的）。我需要它，以便在比较溢出的图像时，滚动条会相互绑定或绑定，以便在一个窗口上滚动时，滚动到另一个窗口上。是否可以将滚动条连接在一起？

如果您需要一个特定的代码示例，我将在稍后介绍一个示例，因为我只想知道现在如何实现这种可能性的。谢谢你的帮助。

来源

2012-08-09 Gavin Sellers

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

This应该可以帮助您开始。

Here is an example.

EDIT

用于存档目的我已经提供了jQuery在实施例中使用。

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

来源

2012-08-09 14:26:43

我听说滚动事件，但你可以给我如何可能会引发另一容器相同的滚动事件的例子吗？ – 2012-08-09 14:28:00

我已更新我的答案，并附有示例链接。 – 2012-08-09 14:35:52

-1

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

来源

2012-08-09 14:23:46 DaveP

基本上，你需要到onscroll事件都滚动元件的其他的scrollTop，并在每一个组钩到您滚动到什么。此外，请确保您在前后设置并清除布尔值，以免发生相互递归。

来源

2012-08-09 14:26:57

+1可能的无限事件递归！ – 2012-08-09 14:30:20

谢谢！我必须实现这一次（互滚滚动diff），递归位是一个小而重要的细节。 :) – 2012-08-09 14:46:14

我想象一下每个图片都会有一个object.onscroll事件。就在scoll值分配给当前图片的其他图片以下

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

来源

2012-08-09 14:28:09

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

回答

相关问题