reactjs - react-spring：我真的只能通过视口高度（通过`pages`属性）设置高度吗？

Question

我正在尝试使用react-spring在我的网站上创建视差效果。我希望视差容器成为整个站点的背景，并在底部加上一个 100vh 的“页脚”。这是我的意思的简单图表：

我的问题是，根据react-spring parallax docs，视差容器需要一个pages属性，该属性“确定每个页面占用 100% 可见容器的内部内容的总空间”。

根据我对这一点的理解以及我的测试，这意味着我必须根据 100% 视口高度的划分明确设置视差容器的整个高度。这意味着我不能只让视差容器包含我的网站的内容，它没有预设高度，更不用说高度除以 100vh。

所以我的问题是，我可以让 Parallax Containerreact-spring完全包含我整个网站的内容，再加上底部的 100vh 吗？

这是我的问题的沙盒演示，pages在第 29 行设置了 Parallax 属性：https ://codesandbox.io/embed/react-spring-pageheight-question-c12er

标签： reactjsparallaxreact-spring