当表在视图中时，需要在数据表上固定水平滚动

Question

我正在使用数据表，当我在我的数据表初始值设定项中使用scrollX：true时，我看到它在我的表格周围创建了一个用于滚动的div。

<div class="dataTables_scrollBody" style="position: relative; overflow: auto; width: 100%;">
   <table id='myTable'>...</table>
</div>

$('#myTable').DataTable( {
        scrollX:        true
    } );

当桌子在视野中时，我需要添加什么JavaScript才能将此水平滚动固定在屏幕底部而不必滚动到表格的底部以便能够水平滚动？当表格不在视图中时，它将不可见