我正在尝试使用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