首页 > 解决方案 > 为什么背景颜色只应用于可见部分

问题描述

我学习了 Reactjs 和 Javascript,但不明白为什么我的风格没有一直使用下去。

这是渲染

return (
        <div className="pg-viewer-wrapper">
            <div
                className="pg-viewer"
                id="pg-viewer"
                style={{
                    backgroundColor: 'white',
                }}
            >
                <TextViewer fileType="txt" filePath={theFile} />
            </div>
        </div>
)

这是它的样子:

在此处输入图像描述

当我向下滚动时,它看起来像这样:

在此处输入图像描述

没有一直应用白色!
我知道这可能很容易解决,但我是新手,正在寻找答案!请指教

标签: reactjsbackground-color

解决方案


您仅为包含 TextViewer 的 div 设置背景颜色。您需要为 TextViewer 设置背景颜色。


推荐阅读