水平滚动条始终位于 DataTable 顶部

Question

I have a webpage that displays a DataTable. I found this solution to make the horizontal scrollbar appear on top. (Example can be found here )

Here is the CSS that moves it to the top:

.dataTables_scrollBody {
    transform:rotateX(180deg);
}
.dataTables_scrollBody table {
    transform:rotateX(180deg);
}

However, is there a way to make the horizontal scrollbar always appear on top even if the user scrolls down?