响应表滚动条在手机上的定位

Question

SO在响应表设计方面存在很多问题。我尝试了大多数解决方案，并且Bootstrap .table-responsive似乎可以胜任。调整为小屏幕时，它在桌面浏览器上可以正常工作；水平滚动条出现在表格的正下方，不会弄乱整个页面。但是，在移动设备上，滚动条显示在页面底部，这会危害其他元素。

如何在表格下方放置滚动条？一种选择是将表格放在div内，最大宽度为屏幕宽度的100％。我该怎么办？