extjs3 鼠标关联滚动

$('#yh').scroll( function() {
console.log("yh $(this).scrollTop()==="+$(this).scrollTop()+" $(this).scrollLeft()==="+$(this).scrollLeft());
$('#dw').scrollTop($(this).scrollTop());
$('#dw').scrollLeft($(this).scrollLeft());
});
$('#dw').scroll( function() {
console.log("yh $(this).scrollTop()==="+$(this).scrollTop()+" $(this).scrollLeft()==="+$(this).scrollLeft());

$('#yh').scrollTop($(this).scrollTop());
$('#yh').scrollLeft($(this).scrollLeft());
});

 

 

// 监听grid1的滚动事件
grid_dw.getView().scroller.on('scroll', function(scroller, x, y) {
var xx = grid_dw.getView().scroller.dom.scrollLeft ;
var yy = grid_dw.getView().scroller.dom.scrollTop ;
console.log("yh 1111$(this).scrollTop()==="+xx+" $(this).scrollLeft()==="+yy);

// 当grid1滚动时，同步grid2的滚动位置
grid_yh.getView().scroller.dom.scrollLeft = xx;
grid_yh.getView().scroller.dom.scrollTop = yy;
}, grid_dw);

// 监听grid2的滚动事件（可选，如果需要双向同步）
grid_yh.getView().scroller.on('scroll', function(scroller, x, y) {
var xx = grid_yh.getView().scroller.dom.scrollLeft ;
var yy = grid_yh.getView().scroller.dom.scrollTop ;
console.log("yh 2222$(this).scrollTop()==="+x+" $(this).scrollLeft()==="+y);
// 当grid1滚动时，同步grid2的滚动位置
grid_dw.getView().scroller.dom.scrollLeft = xx;
grid_dw.getView().scroller.dom.scrollTop = yy;
}, grid_yh);
});