jqueryを使用して他のグリッドを自動的にスクロール

Question

同じ行数（同じ高さ）のグリッドが2つあります。これらのグリッドには両方とも垂直スクロールがあります（スタイルオーバーフローを使用）

2番目のテーブルで垂直スクロールを実行すると、最初のグリッドを同じ行数だけ上下に自動的にスクロールさせます。

Answer 1

これを行う方法は次のとおりです。

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

このコードは、「GRID1」と「grid2は」テーブルがそれぞれ含まれているdiv要素のIDがあることを前提としています。それも、あなたは水平スクロールバーを持っている場合は動作します。