Html 使用flex滚动一个div而不是另一个div？

在剑道窗口中，我在主div容器中有两个div，主内容和一个页脚栏。我希望能够在页脚不滚动时滚动主内容面板

我已经使用flex grow和htmls自己的overscroll属性玩了一段时间了，但是我不能让其中一个在没有另一个的情况下移动。任何帮助都将不胜感激：）

我可以根据需要提供更多信息

这是我迄今为止所做工作的基本示例：

.container{
显示器：flex；
溢出：自动；
柔性流：柱包裹；
身高：100%；
宽度：100%；
}
梅因先生{
柔性生长：1；
背景：绿色；
}
.页脚{
flex-grow:0；
背景：蓝色；
}

主要内容

页脚栏

*，
*：之前，
*：之后{
框大小：继承；
}
html{
框大小：边框框；
}
html，
身体{
身高：100%；
保证金：0；
填充：0；
}
梅因先生{
宽度：100%；
身高：100%；
显示器：flex；
柔性流动：柱状nowrap；
}
.标题{
高度：auto；/*或高度：Npx；，其中N为正数*/
背景：84dcc6；
溢出y：隐藏；
}
.页脚{
弹性：1；
背景:#ffa69e；
溢出y：自动；
}

Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。
Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，奉献精英。作为一个有尊严的人，我们的劳动是不公平的。这是一种暂时的腐败。Lorem ipsum dolor sit amet，Concertetur Adipise e