Javascript 如何在accordion中的容器内添加滚动条？

我在用手风琴。在这里，手风琴功能正在发挥作用。我想在正文内容中插入垂直和水平滚动条。如何在面板主体内容内添加滚动条。我已经包括了小提琴和代码

html，正文{
背景色：#e9eaed；
}
.内容{
宽度：960px；
高度：0px；
右边距：自动；
左边距：自动；
}
.小组{
宽度：430px；
z指数：100；
-webkit背面可见性：隐藏；
-webkit变换：translateX（-100%）旋转（-90度）；
-webkit变换原点：右上方；
-moz变换：translateX（-100%）旋转（-90度）；
-moz变换原点：右上；
-o变换：translateX（-100%）旋转（-90度）；
-o变换原点：右上角；
变换：translateX（-100%）旋转（-90度）；
变换原点：右上角；
}
.小组标题{
宽度：430px；
}
.小组标题{
高度：18px
}
.小组标题a{
浮动：对；
文字装饰：无；
填充：10px 430px；
利润率：-10px-430px；
}
.小组委员会{
高度：830px；
变换：旋转（90度）；
变换原点：188px 241px 0；
}
.img小组{
-webkit背面可见性：隐藏；
-webkit变换：translateX（0%）旋转（90度）；
-webkit变换原点：左上；
-moz变换：translateX（0%）旋转（90度）；
-moz变换原点：左上；
-o变换：translateX（0%）旋转（90度）；
-o变换原点：左上；
变换：translateX（0%）旋转（90度）；
变换原点：左上；
}
.小组p组{
-webkit背面可见性：隐藏；
-webkit变换：translateX（0%）旋转（90度）；
-webkit变换原点：左上；
-moz变换：translateX（0%）旋转（90度）；
-moz变换原点：左上；
-o变换：translateX（0%）旋转（90度）；
-o变换原点：左上；
变换：translateX（0%）旋转（90度）；
变换原点：左上；
}
.面板组.面板img{
左边距：400px；
位置：绝对位置；
}

标题
一段文字，内容与网站相关，如果用户觉得有必要阅读，可以阅读。他们也可以跳过它，但这样可以使初始视图的文本量大大减少，请参见？
-一些源代码

以下是您的解决方案

---

我使用CSS规则

overflow:hidden

将适当的滚动条添加到

中。对于面板主体内部的简单水平/垂直滚动条，您可以在面板主体内部添加两个额外的div，如

<div class="panel-body">
   <div class="t1">
         <div class="t2"> your content goes here.....</div>
  </div>

您将得到一个简单的窗口滚动进一步您还可以使用插件，如
对于外观奇特的滚动条。
非常感谢。但滚动条显示在顶部。看到小提琴了。这可以显示在底部吗？
.panel-body {
        height:830px; width: 600px;
        overflow: hidden;
        transform: rotate(90deg);
        transform-origin: 188px 241px 0;
    }
       .t1 {
            max-height: 390px;
            overflow: scroll;
        }
        .t2 {
            height: 320px;
            width: 720px;
        }