如何将div的滚动条移动到浏览器？

Question

我有以下css的div：

.long-table-container {
    overflow-x: auto;
}

我不想将滚动条附加到.long-table-container，而是使用浏览器的滚动条来完成这项工作。这可能吗？

我需要这样做的原因是因为我在.long-table-container中有一个长表，并且向左和向右滚动的唯一方法是一直滚动到页面底部然后移动水平滚动条.long-table-container这对任何用户来说都是一种痛苦。

小提琴：http://jsfiddle.net/ox5qzp1x/

Answer 1

您可以在页面底部创建具有固定位置的其他可滚动元素，并连接这两个元素，如问题Attach Horizontal Scrollbar to bottom of window if scrollable div is taller than window