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

Question

JSFiddle here.

这是我的SSCCE，为了使用 HORIZONTAL 滚动条，需要垂直滚动到页面/容器的底部，以便水平滚动条变得可见（即它滚动到通过垂直滚动视口），用户可以使用它。

我需要将水平滚动条固定，以便它始终可见，无论垂直滚动条的位置如何。

重要：

现在我看到了this和this，但问题是我无法将固定的高度赋予.tab-container，因为这会给出VERTICAL滚动栏到桌子（里面边缘边缘），但我需要垂直滚动条位于页面的右边缘（而不是右边缘） table ），目前的方式。这是真正的挑战。

Answer 1

您可以使用perfectScrollbar。我已经更新了你的小提琴。 JsFiddle对代码有点疯狂，但在localhost上工作得很好：

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

我认为你可能需要使用position：absolute而不是position：固定为＆＃34; ps-scrollbar-x-rail＆＃34;定位。由于它是一个简单的html元素，你可以做任何你想做的事。

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