JSFiddle here.
这是我的SSCCE,要使用水平滚动条,需要垂直滚动到页面/容器的底部,以便水平滚动条可见(即,通过垂直滚动将其滚动到视口中),用户可以使用它。
我需要固定水平滚动条,以便无论垂直滚动条的位置如何,该滚动条始终可见。
重要:
现在我已经看到了this和this,但是问题是我不能给.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/