页面的水平滚动条包含表格

Question

JSFiddle here.

这是我的SSCCE，为了使用水平滚动条，需要垂直滚动到

页面/容器的底部，以便水平滚动条变得可见（即它通过垂直滚动滚动到视口中）并且用户可以使用它。

我需要固定水平滚动条，

以便无论垂直滚动条的位置如何，它始终可见。

重要：

现在我已经看到了这个和这个，但问题是我不能给.tab-container一个固定的高度，因为这会给表格提供垂直滚动条（在边距内），但我需要垂直滚动条在页面的右边缘（而不是在表格的右边缘）， 目前的方式。这才是真正的挑战。

Answer 1

你可以为此使用完美的滚动条。我已经更新了你的小提琴。JsFiddle对代码有点疯狂，但是在本地主机上运行良好：

http://jsfiddle.net/r8xn9aua/32/

我认为您可能需要使用 position：absolute 而不是 position：fixed 作为"ps-scrollbar-x-rail"定位。由于它是一个纯 html 元素，您可以做任何您想做的事情。

.ps-container > .ps-scrollbar-x-rail {
    opacity: 1;
    position: fixed;
    bottom: 0;
    left: 0 !important;
}