Javascript 内容溢出时显示滚动条

我正在尝试应用一个看起来像这样的动画：

页面加载，一秒钟后，页面底部慢慢出现一个框，我通过添加一个名为

height

（您可以在下面的代码中看到）的类实现了这一点

问题在于，该框将包含一些用户输入的内容，因此其高度将增加，以便能够显示用户输入的所有内容，但当内容超过提供的高度（高度来自

高度

类）时，溢出内容将被隐藏

我不想要那种行为，我想要滚动条出现

这是一个可执行的snipet：

setTimeout(
函数（）{
document.querySelector（“.plansBackground”）.classList.add（“高度”）；
}, 1000
);
*{
框大小：边框框；
保证金：0；
填充：0；
字体系列：Roboto；
字体大小：粗体；
}
.贝基姆{
背景色：rgb（155230170）；
高度：100vh；
宽度：100vw；
}
.平原背景{
背景色：rgba（255、255、255、.5）；
宽度：100vw；
身高：0；
位置：固定；
底部：0；
左：0；
过渡：1s；
颜色：黑色；
}
.身高{
高度：25vw；
}

星期一
是的，
溢出：可见
将像
溢出：隐藏
一样作用于位于视口/页面最底部的绝对定位元素上。简单的解决方案是将
overflow-y:auto
赋予
.height
只需添加ti-CSS即可

.plansBackground {
     overflow-y: auto;
}