JSFiddle here.

这是我的SSCCE,要使用水平滚动条,需要垂直滚动到页面/容器的底部,以便水平滚动条可见(即,通过垂直滚动将其滚动到视口中),用户可以使用它。

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

重要:

现在我已经看到了thisthis,但是问题是我不能给.tab-container设置固定的高度,因为这给了VERTICAL滚动条到表格上(在边距内),但是我需要将“垂直”滚动条放置在页面的右边缘(而不是表格的右边缘),即当前的方式。这是真正的挑战。

最佳答案

您可以为此使用perfectScrollbar。我已经更新了你的小提琴。
JsFiddle对代码有些疯狂,但是在localhost上运行良好:

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

我认为您可能需要对“ ps-scrollbar-x-rail”定位使用position:absolute而不是position:fixed。由于它是一个普通的html元素,因此您可以执行任何操作。

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

关于html - 页面的水平滚动条包含表格,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41434859/

10-12 12:32
查看更多