title: JQuery scroll() too slow
body: <p>I have the following HTML design with 4 Divs as shown in the diagram.          </p>
  
  <pre><code>--------------------------
   fixedHead  |  scrollHead
  --------------------------
   fixedBody  |  scrollBody
  --------------------------
  </code></pre>
  
  <p>My requirement is that</p>
  
  <ol>
  <li>when I scroll scrollBody horizontally scrollHead should move
  horizontally.  </li>
  <li>when I scroll scrollBody vertically fixedBody should
      move vertically.</li>
  </ol>
  
  <p>I am able to achieve this by doing the below code but if the tables are very big around 100 columns and 100 rows
  This becomes very slow</p>
  
  <p>Is there any other faster way to achieve this</p>
  
  <pre><code>$('.scrollBody').scroll(function() {
      $('.fixedBody').scrollTop($(this).scrollTop()); 
      $(".scrollHead").scrollLeft($(this).scrollLeft());   
  });
  </code></pre>