是否可以將滾動條連接在一起？

我試圖打開由黑線分隔的模式內的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

是否可以將滾動條連接在一起？

回答

相關問題