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

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中，并将其设置为overflow: scroll 。

一般情况下，如果您遇到类似这样的情况，没有明确而简单的方法来做到这一点，请停下来想一想为什么，也许您会意识到这是因为这是一个坏主意。

这肯定不会总是如此，但通常它会。