title: Need fixed horizontal scroll on datatable when table is in view
body: <p>I'm using datatables and I see it creates a div around my table for the scrolling when I use scrollX: true in my datatables initializer.</p>
  
  <pre><code>&lt;div class="dataTables_scrollBody" style="position: relative; overflow: auto; width: 100%;"&gt;
     &lt;table id='myTable'&gt;...&lt;/table&gt;
  &lt;/div&gt;
  
  $('#myTable').DataTable( {
          scrollX:        true
      } );
  </code></pre>
  
  <p>What JavaScript would I need to add to get this horizontal scroll to be fixed at the bottom of my screen when the table is in view instead of having to scroll to the bottom of the table to be able to scroll horizontally? When the table is not in view it would not be visible</p>