Javascript 如何在父div有隐藏溢出时向div添加滚动条

我有一个位于彼此顶部的面板，为了正确对齐它们，我需要隐藏溢出。但是，每个面板都需要一个滚动条。 我无法应用滚动条，因为父面板已隐藏溢出

在下面的示例中，如果单击按钮，则后面板的内容大于面板的大小，需要一个垂直滚动条

$（.backpnl”）。在（'click tap'，function（）上{
$（'.frontPanel'）.toggleClass（'active'，500）
});
.main面板{
宽度：400px；
高度：400px；
边框：1px实心#000；
位置：相对位置；
溢出：隐藏；
}
.前面板{
背景#5D1202；
宽度：100%；
身高：100%；
位置：绝对位置；
z指数：1；
填充：20px；
}
.背板{
背景：#280700；
宽度：100%；
身高：100%；
位置：绝对位置；
z指数：-1；
盒影：插入0px 0px 20px 0px#000；
填充：20px；
}
.背板：前{
内容：“；
位置：绝对位置；
z指数：-1；
显示：块；
宽度：400px；
高度：400px；
}
.frontPanel.active{
左边距：350px；
}

前面板
点击这里
背板
---文本1---

---文本2---

---文本3---

---文本4---

---文本5---

---文本6---

---文本7---

---文本8---

---文本9---

---文本10---

---案文11---

---文本12---

---文本13---

从主面板样式中删除“位置：相对”，并添加“溢出-y:自动”。同时在前面板内部添加“overflow-y:auto”和backpanel@AmaarshallYaswankar谢谢，但那会破坏整个建筑。这有用吗？从主面板样式中删除“位置：相对”，并添加“溢出-y:自动”。同时在前面板内部添加“overflow-y:auto”和backpanel@AmaarshallYaswankar谢谢，但那会破坏整个建筑。这有用吗？