javascript來同步兩個列表框的滾動？

Question

如何同步滾動兩個列表框，以便滾動一個列表框導致滾動另一個列表框。

Answer 1

這裏有一些指導原則：

• 使用scroll事件的兩個ListBox $(".listbox").bind("scroll", ...)
• 它裏面，拿到滾動與scrollTop CSS
• 使用此座標值來改變其他ListBox的scrollTop

這種方式將滾動到一起。

希望這會有所幫助。乾杯

Answer 2

假設你的意思形式選擇對象

有幾個問題，這讓我覺得不是所有的瀏覽器會做你想要什麼。

這是最簡單的純JS內聯事件處理程序

<select id="sel1" name="sel1" onchange="this.form.sel2.selectedIndex=this.selectedIndex"> 
. 
. 
. 
<select id="sel2" name="sel2" onchange="this.form.sel1.selectedIndex=this.selectedIndex"> 
. 
. 
. 

的jQuery（未測試）

$(document).ready(function() { 
    $("#sel1").change(function() { 
    $("#sel2").attr("selectedIndex",$(this).attr("selectedIndex")); 
    } 
    $("#sel2").change(function() { 
    $("#sel1").attr("selectedIndex",$(this).attr("selectedIndex")); 
    } 
}