faire défiler l'autre grille automatiquement en utilisant jquery

Question

J'ai deux grilles avec le même nombre de rangées (même hauteur). Lorsque vous effectuez le défilement vertical sur la deuxième table, je veux que la première grille fasse défiler automatiquement par le même nombre de rangées vers le haut/vers le bas.

Answer 1

Voici comment vous pouvez faire cela. Il fonctionne même si vous avez une barre de défilement horizontale:

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

Ce code suppose que « grid1 » et « grid2 » sont les ID des DIVs dans lequel les tables sont contenues respectivement.