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

Question

我在Angular App中扩展手风琴中的面板时出现问题。基本上如果我扩展一个面板，这是扩展和越过我的应用程序的页脚，所以我正在考虑为手风琴添加一个滚动条，所以它不会再超过页脚了但是我＆＃ 39;我不知道从哪里开始。有谁知道如何将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