如何在PrimeNG中为手风琴添加滚动条？

Question

我在Angular App中扩展手风琴中的面板时遇到问题。基本上，如果我扩展一个面板，这是扩展并越过我的应用程序的页脚，所以我正在考虑为手风琴添加一个滚动条，所以它不再超过页脚，但我不知道从哪里开始。有谁知道如何将scrollBar添加到手风琴？我的猜测是我需要将手风琴放在一个容器中，然后添加一个滚动条？这是我的代码，想添加一个滚动条。

PLUNKER

<p-accordion [activeIndex]="index">
  <p-accordionTab header="Header 1">
   Content 1
</p-accordionTab>
<p-accordionTab *ngIf="true" header="Header 2">
   Content 2
</p-accordionTab>
<p-accordionTab header="Header 3">
  Content 3
</p-accordionTab>

以下是关于面板扩展时页脚发生的情况的两个图像：

1）在扩展面板之前

2）扩展面板后

Answer 1

只需将这些CSS属性添加到p-accordion元素：

height: 275px;
display: block;
overflow: scroll;

Plunker