прокрутите другую сетку автоматически, используя jquery

Question

У меня есть две сетки с одинаковым количеством рядов (также с одинаковой высотой). Обе эти сетки имеют вертикальные прокрутки (с использованием переполнения стиля)

Когда я выполняю вертикальную прокрутку на второй таблице, я хочу, чтобы первая сетка автоматически прокручивалась на то же количество строк вверх / вниз.

Answer 1

Вот как вы можете это сделать. Это даже работает, если у вас есть горизонтальная полоса прокрутки:

$(function(){
    $("#grid1").scroll(function(){
        $("#grid2")
            .attr('scrollTop', $(this).attr('scrollTop'))
            .attr('scrollLeft', $(this).attr('scrollLeft'));
    });
});

В этом коде предполагается, что "grid1" и "grid2" - это идентификаторы DIV, в которых содержатся таблицы соответственно.