같은 시간에 2 개의 다른 요소 스크롤하기

Question

만약 내가 textarea 요소와 div 요소를 가지고 있다면, 한 번에 두 스크롤 할 수 있습니까? (내가 스크롤 할 때 textareadiv도 마찬가지입니다.

나는 가능한 한 간단한 코드로 순수한 자바 스크립트를 사용하고 싶습니다.

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/을 참조한다.