背景色未覆盖ReactJS / CSS中的所有页面

问题描述

我在html主体中设置了如下背景(ReactJS),它覆盖了主屏幕的大小,但是如果.map函数具有大量项,即我必须向下滚动,则该部分屏幕没有显示(下),我想不出它这样做的原因。任何想法都可以。

在index.html文件中设置的

-.scaleEffect(configuration.ispressed ? 0.5 : 1)颜色

Background

enter image description here

解决方法

只需添加您的背景样式高度:100%;

,

尝试在CSS中以100vh设置高度

,

在您的容器div(您在其中映射项目的位置)中添加以下内容:

max-height: 100%;
,

其原因可能是因为颜色仅覆盖页面加载时显示的屏幕。未显示的剩余页面(其中您必须进行向下滚动)不会以相同的背景呈现... 因此,一个想法是覆盖所有高度的颜色。

min-height: 100%;