Javascript 我只想滚动1个div元素，但是css overflow:auto不'；行不通

*{margin:0；padding:0；border:0；}
ul{列表样式：无；}
.工作页面
{
显示器：flex；
宽度：100vw；
高度：100vh；
}
.btn_文本
{
显示器：flex；
宽度：50vw；
高度：100vh；
字体大小：5vw；
字体大小：粗体；
背景颜色：灰色；
}
工作
{
边缘顶部：50px；
左边距：50像素；
}
.btn_文本ul
{
边缘顶部：50px；
左边距：50像素；
}
.私人
{
边缘顶部：30px；
}
.团队合作
{
显示器：flex；
柔性包装：包装；
溢出x：隐藏；
溢出y：自动；
对正内容：空间均匀；
宽度：50vw；
高度：200vh；
背景颜色：蓝色；
}
.小组工作组
{
文本对齐：居中；
线路高度：40vh；
宽度：15vw；
高度：40vh；
利润率：10vh 1vw；
背景色：rgba（0,0,0,0.9）；
}

工作

团队
个人的

工作1
工作2
工作3
工作4
工作5
工作6

我已将团队工作设置为100vh，而不是200vh

*{margin:0；padding:0；border:0；}
ul{列表样式：无；}
.工作页面
{
显示器：flex；
宽度：100vw；
高度：100vh；
}
.btn_文本
{
显示器：flex；
宽度：50vw；
高度：100vh；
字体大小：5vw；
字体大小：粗体；
背景颜色：灰色；
}
工作
{
边缘顶部：50px；
左边距：50像素；
}
.btn_文本ul
{
边缘顶部：50px；
左边距：50像素；
}
.私人
{
边缘顶部：30px；
}
.团队合作
{
显示器：flex；
柔性包装：包装；
溢出x：隐藏；
溢出y：自动；
对正内容：空间均匀；
宽度：50vw；
高度：100vh；
背景颜色：蓝色；
}
.小组工作组
{
文本对齐：居中；
线路高度：40vh；
宽度：15vw；
高度：40vh；
利润率：10vh 1vw；
背景色：rgba（0,0,0,0.9）；
}

工作

团队
个人的

工作1
工作2
工作3
工作4
工作5
工作6