두개의 그리드의 수평스크롤 동시 컨트롤이 혹시 가능 한가요?

[yongki601]

두개의 그리드 중 하나의 수평스크롤바를 움직이면 같이 움직일 수 있게 구현하고 싶습니다... 찾아보니 없어 직접 해보니 초급인 저에게 너무어렵습니다.... 간단한 스크립트로 짜려니 stack이 maxium이 되버려서 문의남깁니다.

$('div[data-ax5grid-scroller="horizontal-bar"]').on('mousedown',function (e) {
    var div = $(this).parents('div')[3];
    switch (div.getAttribute('data-ax5grid')) {
    case 'sub-grid':
        $('div[data-ax5grid="main-grid"] div[data-ax5grid-scroller="horizontal-bar"]').trigger(e);
    case 'main-grid':
        $('div[data-ax5grid="sub-grid"] div[data-ax5grid-scroller="horizontal-bar"]').trigger(e);
    }
});

어떠한 이벤트를 줘야할지 몰라 e를 주었습니다. 찾은 건 스크롤바 이벤트 중 mousedown -> div 라는 이벤트가 있는데 어떻게 처리해야할지 문의 남깁니다....