Как создать прокрутку в контейнере, где высота будет переменной?

Question

У меня проблемы с хорошей визуализацией адаптивного меню. Данные меню являются динамическими, я могу иметь от 2 до 8 пунктов, и когда они превышают максимальную высоту (100%), они показывают только те, которые умещаются внутри контейнера.

Я попытался сгенерировать прокрутку в контейнере, она работает, но пока я даю ему высоту в пикселях, но поскольку высота таблицы является динамической, я даю ей 100% высоты, авто и прокрутки исчезает.

Как мне сгенерировать свиток в контейнере, где высота будет переменной?

Answer 1

вы можете сделать высоту контейнера 100%, но если контейнер имеет родителя, а его родитель имеет высоту в пикселях, как

<div class="parent">
    <div class="scroll">
         <!-- content -->
    </div>
</div>

в стиле

.parent {
  height: 200px;
}
.scroll {
  height: 100%;
  overflow-y: auto;
}