容器溢出页面反应

问题描述

React的新手。我希望随着容器变大而使页面增长并滚动。但是现在容器在顶部溢出,尽管我可以滚动查看底部

https://codesandbox.io/s/misty-haze-4dnb7?file=/src/App.js

在此沙箱中,顶部的后退按钮使页面溢出。如果我再添加一个y_pred,该按钮将消失。有办法解决这个问题吗?

解决方法

如果您尝试要求修复顶部的“后退”按钮。 您可以通过为您的行指定className

<Row className="pb-4 header">
            <Button className="mt-4 letter" variant="outline-light">
              {"< Back"}
            </Button>
          </Row>

并将其属性设置为

.header{
position:fixed;
}

please check screenshot after adding for of {test}