Прокрутка 2 разных элементов одновременно

Question

Если у меня есть элемент textarea и элемент div, как я могу прокрутить их оба одновременно? (когда я прокручиваю textarea, я хочу, чтобы div сделал то же самое)

Я хочу использовать чистый javascript, настолько простой код, насколько это возможно.

Ty.

Answer 1

Как здесь ответили: синхронизировать две полосы прокрутки в окне множественного выбора

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 другого, используя функцию, связанную с событием прокрутки.

Что-то вроде:

$('.linked').scroll(function(){
    $('.linked').scrollTop($(this).scrollTop());    
})

С помощью этой функции все элементы с классом связанных будут прокручиваться всякий раз, когда вы используете полосы прокрутки одного из них. (Я предполагал вертикальную прокрутку, если вы хотели горизонтальную, сделайте то же самое, но с scrollLeft)

См. http://jsfiddle.net/g8Krz/ для рабочего примера вышеупомянутого.