Включить прокрутку в таблице лидеров

Question

У меня есть лидеры здесь:

Дело в том, когда я нажимаю на вкладки в верхней части, список лиц переключения accordingly.Now Я дал только 8 сотрудников, здесь в списке лидеров.

У меня 800 сотрудников, и я хочу включить всех в список (у меня будет 4 разных списка в соответствии с 4 различными вкладками) с вертикальной полосой прокрутки. Также размер таблицы лидеров должен оставаться неизменным, то есть почему я хочу свиток.

это можно будет .Kindly help.

ссылка

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;, так что полоса прокрутки будет ap если высота превышена.