獲取一個元素以匹配另一個元素的滾動

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 。

一般情況下，如果您遇到類似這樣的情況，沒有明確而簡單的方法來做到這一點，請停下來想一想爲什麼，也許您會意識到這是因爲這是一個壞主意。

這肯定不會總是如此，但通常它會。