Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
Javascript 创建不同于其他视差的视差景观(场景)_Javascript_Css_Html_Parallax - Fatal编程技术网

Javascript 创建不同于其他视差的视差景观(场景)

Javascript 创建不同于其他视差的视差景观(场景),javascript,css,html,parallax,Javascript,Css,Html,Parallax,首先,我知道有很多关于视差的问题,但它们都对我的目标产生了不同的影响 我想创建一个视差场景,就像这里使用的: 我认为让不同的图像以不同的速度滚动很容易,显然我错了。 我想用我自己的图像和透明的背景来重现类似的场景。很难解释这种差异,但我的目标是上面的例子,不是这样的:(不要误解我,这是一个很好的效果,但不是我想要的) 是否有其他代码的想法或变体以达到预期效果? 谢谢 注:如果有任何页面能够提供与所需效果相同的效果,是否可以提供链接?我猜您正在寻找这样的视差库(需要jQuery) 在这里,您可以

首先,我知道有很多关于视差的问题,但它们都对我的目标产生了不同的影响

我想创建一个视差场景,就像这里使用的: 我认为让不同的图像以不同的速度滚动很容易,显然我错了。 我想用我自己的图像和透明的背景来重现类似的场景。很难解释这种差异,但我的目标是上面的例子,不是这样的:(不要误解我,这是一个很好的效果,但不是我想要的)

是否有其他代码的想法或变体以达到预期效果? 谢谢


注:如果有任何页面能够提供与所需效果相同的效果,是否可以提供链接?

我猜您正在寻找这样的视差库(需要jQuery)


在这里,您可以定义前景图像或背景图像,如果您想创建一个场景(如示例中所示),则必须添加具有不同值的“data enllax ratio”参数。请参阅GitHub上的文档

Dorvala找到了我要找的内容:

codepen.io/samdbeckham/pen/OPXPNp有一个关于这个的代码笔。只是几层照片而已。当滚动时会发生一系列的转换。另外,请访问medium.com/@hamsu/…了解教程–Dorvalla

media.com网站创造了我想要的效果。甚至与Firewatch示例也有关联。

有一个代码笔。只是几层照片而已。当滚动时会发生一系列的转换。另外,请查看本教程