我这里有一个排行榜:
问题是当我单击顶部的选项卡时,人员列表相应地切换。现在我在排行榜中只给出了 8 名员工。
我有 800 名员工,我想将每个人都包含在列表中(根据 4 个不同的选项卡,我将有 4 个不同的列表)并带有垂直滚动条。排行榜的大小也应保持不变,这就是为什么我想要一个卷轴。
这可能吗?请帮忙。
fiddle 链接:
[1]: https://jsfiddle.net/sharma1331/xp5qra10/
最佳答案
您可以使用下面的代码,它会完美地工作,
CSS:
.leaderboard {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
width: 285px;
height: 200px;
background: -webkit-linear-gradient(top, #3a404d, #181c26);
background: linear-gradient(to bottom, #3a404d, #181c26);
border-radius: 10px;
box-shadow: 0 7px 30px rgba(62, 9, 11, 0.3);
overflow-x: hidden;
}
你必须像我给定的 height:200px;
一样给出一个固定的高度,然后像这样隐藏 y 轴上的溢出 overflow-x:hidden;
以便在超过高度时显示滚动条。
关于javascript - 在排行榜中包含滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40583571/