Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/regex/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs react spring:我真的只能通过视口高度(通过“pages”属性)设置高度吗?_Reactjs_Parallax_React Spring - Fatal编程技术网

Reactjs react spring:我真的只能通过视口高度(通过“pages”属性)设置高度吗?

Reactjs react spring:我真的只能通过视口高度(通过“pages”属性)设置高度吗?,reactjs,parallax,react-spring,Reactjs,Parallax,React Spring,我正在尝试使用react-spring在我的站点上创建视差效果。我希望视差容器是整个网站的背景,加上底部100vh的“页脚”。下面是我的意思的简单示意图: 我的问题是,根据,视差容器需要一个pages属性,该属性“确定内部内容的总空间,其中每个页面占可视容器的100%” 从我的理解和测试来看,这意味着我必须基于100%视口高度的分割明确设置视差容器的整个高度。这意味着我不能让视差容器包含我网站的内容,因为它没有预设的高度,更不用说高度除以100vh了 所以我的问题是,我可以让react-spr

我正在尝试使用
react-spring
在我的站点上创建视差效果。我希望视差容器是整个网站的背景,加上底部100vh的“页脚”。下面是我的意思的简单示意图:

我的问题是,根据,视差容器需要一个
pages
属性,该属性“确定内部内容的总空间,其中每个页面占可视容器的100%”

从我的理解和测试来看,这意味着我必须基于100%视口高度的分割明确设置视差容器的整个高度。这意味着我不能让视差容器包含我网站的内容,因为它没有预设的高度,更不用说高度除以100vh了

所以我的问题是,我可以让
react-spring
的视差容器准确地包含我整个站点的内容,并在底部加一个100vh吗?

下面是我的问题的沙盒演示,第29行设置了视差
页面
属性: