Angular 9 корпус карты с прокруткой контента?

Question

Я использую карту Angular, использующую гибкий макет, чтобы установить верхний и нижний колонтитулы карты вверху и внизу доступного вертикального пространства.

В теле карты отображается аккордеон компонент, который при расширении панелей аккордеона требуемый дисплей может выходить за пределы вертикального пространства тела карты по умолчанию.

В настоящее время, когда я расширяю панели аккордеона, нижний колонтитул карты отодвигается вертикально от нижней части окна браузера. Я хочу сохранить нижний колонтитул карты и прокрутить содержимое в теле карточки в теле карточки фиксированного вертикального размера.

Есть предложения?

Answer 1

Решено!

Добавление ...

style="height: 0px; overflow-y: auto"

... тег тела карты исправляет это

Answer 2

вы можете попробовать это css с вашей собственной заслуженной максимальной высотой.

 ::ng-deep .card{
  max-height: 100px !important;
  overflow-y: auto !important;
}