javascript - 在排行榜中包含滚动条

Question

我这里有一个排行榜:

问题是当我单击顶部的选项卡时，人员列表相应地切换。现在我在排行榜中只给出了 8 名员工。

我有 800 名员工，我想将每个人都包含在列表中(根据 4 个不同的选项卡，我将有 4 个不同的列表)并带有垂直滚动条。排行榜的大小也应保持不变，这就是为什么我想要一个卷轴。

这可能吗？请帮忙。

fiddle 链接:

         [1]: https://jsfiddle.net/sharma1331/xp5qra10/

Answer 1

您可以使用下面的代码，它会完美地工作，

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; 以便在超过高度时显示滚动条。