Как осуществить анимацию большой таблицы?

<div class="main">
  <div class="division" id="div1">Division 1</div>
  <table>...</table>
  <div class="division" id="div2">Division 2</div>
  <table>...</table>
</div>

@iiil примерно так выглядит DOM дерево

Как осуществить анимацию большой таблицы?

Есть один блок в котором несколько таблиц и над каждой есть заголовок. При использовании scroll как отследить что подъехал к верху новый заголовок и сделать его активным(т.е. держать его в верху пока не проедет вся таблица)