在同一時間滾動2個不同的元素

Question

如果我有一個textarea元素和一個div元素我怎樣才能在一次滾動它們？ （當我滾動textarea我想要div做同樣的）

我想使用純JavaScript，因爲它可能是簡單的代碼。

Ty。

Answer 1

由於這裏回答：synchronize two scrolling bars in multiple selection box

var s1 = document.getElementById('Select1'); 
var s2 = document.getElementById('Select2'); 

function select_scroll_1(e) { s2.scrollTop = s1.scrollTop; } 
function select_scroll_2(e) { s1.scrollTop = s2.scrollTop; } 

s1.addEventListener('scroll', select_scroll_1, false); 
s2.addEventListener('scroll', select_scroll_2, false); 

Answer 2

所有你需要做的是一個元素的scrollTop的屬性綁定到其他的scrollTop的，用綁在滾動事件的功能。 （ '關聯性 '）。：

東西沿着線

$滾動（函數（）{ $（）scrollTop的（$（本）.scrollTop（））;
' 連接'。。 }） 使用該函數時，只要使用其中一個元素的滾動條，具有鏈接類的所有元素都將滾動。 （我假設垂直滾動，如果你想要水平滾動，可以使用scrollLeft做相同的操作）

請參閱http://jsfiddle.net/g8Krz/以獲得上述工作示例。