jquery - 视差效果：滚动时使前景移动

Question

我有一些图像，我想将它们垂直放置在页面上，作为一个信息图形。但是，我想将背景与前景元素分开，并产生一些视差效果，当您向下滚动时，前景（背景）元素会移动......

不知道如何最好地使用 jQuery 甚至 CSS3 来实现这一点......任何链接或示例将不胜感激。

score 6 · Accepted Answer

jParallax 将节点转换为响应鼠标移动的绝对定位层。根据它们的尺寸，这些层以不同的速率移动，以一种视差的方式。

截图如下：

_{（来源：stephband.info）}

代码也很小。

<ul>
    <li class="parallax-layer"></li>
    <li class="parallax-layer"></li>
</ul>

score 1 · Accepted Answer

除了上面的答案，还有更简单和更好的插件：

2 回答 2