title: Datatables scroll top on page change
body: <p>I have a problem. I would like to scroll top of table on page change when using <a href="http://datatables.net/" rel="nofollow">datatables</a>.</p>
  
  <p>I've added the following code</p>
  
  <pre><code>$('#tableId').on( 'page.dt', function () {
      $('html, body').animate({
          scrollTop: 0
      }, 200);        
  });
  </code></pre>
  
  <p>(at the moment it scrolls to top of page) but it doesn't completely work.</p>
  
  <p>When I click other page, page is scrolled top, but just after data is loaded it scrolls down again. I don't know what is happening (I'm not JavaScript guru) but it seems Datatables runs extra action after data are loaded that scrolls again to bottom. Is there any way to prevent Datatables (probably) from scrolling down after loading data?</p>
  
  <p>I could use <code>draw.dt</code> instead of <code>page.dt</code> and it would work fine but it would cause other side effects. If table is placed somewhere on page, just after loading data, it would be scrolled to top of page (or top of table) and I would like to run this only after changing page.</p>