获取一个元素以匹配另一个元素的滚动

Question

我有两个相同高度的高而窄的元素，彼此相邻。当我滚动这两个元素中的一个时，我希望另一个元素滚动它。

如何使用jQuery执行此操作？我已经尝试过ScrollTo插件，但文档非常糟糕，我无法弄清楚如何使用它。

Answer 1

这可以通过一些简单的jQuery来实现，如this example (link)。

所示

基本上，你只需设置一个div的.scrollTop()来模仿scroll()事件处理程序中的另一个：

$('#leader').scroll(function(e){
    $('#copycat').scrollTop($(this).scrollTop());
});

Answer 2

请仔细阅读 this 教程，然后根据需要更改代码

Answer 3

这不是您正在寻找的答案，但需要说明的是：您所做的是糟糕的设计，它之前已经做了很多次，并且从未成为一个好的用户界面的一部分。而不是浪费大量精力来创建一个解决方案来与浏览器对抗，而是花费更多的设计，更容易实现。

在您的情况下：如果您希望两个对象列表一起滚动，请将它们放在一个滚动条下。

例如，如果它是两个多个选择框，只需确保它们都具有其内容的完整高度，以便它们的滚动条变为非活动/消失，然后将它们包装在具有较小高度的div中并将其设置为{{ 1}}。

一般来说，如果你遇到这样的事情没有明确而简单的方法，那就停下来想想为什么会这样，也许你会意识到这是因为这是一个坏主意。

这肯定不会总是如此，但往往会这样。