网站滚动问题。使用ReactJS

Question

我正在使用ReactJS生成可以呈现为网页的组件-到目前为止一切正常。但是，如果我在屏幕之外渲染元素，则​​无法滚动到它们。

查看屏幕外部元素的唯一方法是缩小。为什么是这样？有人知道如何更改吗？

我在google中搜索的所有内容都是关于滚动事件或无ReactJS环境的。

我有很多CSS文件，但是index.css（它是我的create-react-app自动生成的）看起来像这样：

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;


}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}