여러 요소를 동시에 스크롤

Question

나는 벽돌 벽에있다.

(LINK이 제거 된)

당신은 당신이 이동 폭까지 브라우저를 가져올 때, 당신은 수평으로 스크롤 할 수 있습니다, 수평 스크롤을 많이 볼 수 있습니다 : 나는 조금 프로젝트가 있습니다. 내 문제는 어떻게하면 항목을 가로로 스크롤하면 다른 모든 항목도 따라 가게된다는 것입니다. 나는 다음을 시도했다 :

$('.container').scroll(function(){ 
    $('.container').scrollLeft($(this).scrollLeft());  
}) 

그러나 나는 아무 곳에도 빨리 가지 않고있다. 어떤 도움을 주시면 감사하겠습니다.

UPDATE

는 페이지가로드 된 후 콘솔에 코드를 삽입 할 때이 작업을 수행 밝혀졌습니다. 올바른 방향으로 날 가리 키도록 대답 @George 모두에

$(document).on('scroll', '.container', function(){ 
    $('.container').scrollLeft($(this).scrollLeft());  
}); 

UPDATE2

큰 감사 : 나는에 의존. 테이블은 jQuery를 함께로드됩니다 : 당신은 페이지가로드 된 후이 콘솔에서 작동했다

$(this).next().load("/availability_Dev/availability_Dev.asp?stuff="+stuff+"", function(){ 
    $('.container').scroll(function(){ 
     $('.container').scrollLeft($(this).scrollLeft());  
    }); 
}); 

Answer 1

:

$(this).next().load("/availability_Dev/availability_Dev.asp?stuff="+stuff+""); 

내가해야 할 일을했을 모든 요소가로드 된 후에과 같이, 내 스크롤 코드를 부착했다 . 그래서 이것을 시험해보십시오.

$(document).ready(function(){ 
    $(document).on('scroll', '.container', function(){ 
    $('.container').scrollLeft($(this).scrollLeft());  
    }); 
}); 

또는 아래의 코드를 사용이 도움이

$(document).ready(function(){ 
    $('.container').scroll(function(){ 
    $('.container').scrollLeft($(this).scrollLeft());  
    }); 
}); 

희망을.

Answer 2

이

$('.container').scroll(function(){ 
    var scrolled = $(this); 
    $('.container').each(function() { 
    $(this).scrollLeft(scrolled.scrollLeft());  
    }) 
}) 

는 희망이 도움이 시도하십시오.