Question

我有一些图像，我想在页面上垂直放置一些信息图形。但是，我想将背景与前景元素分开，并且有一点视差效果，当你向下滚动时，前景（背景）元素移动......

不确定如何使用jQuery甚至CSS3来实现这一目标...任何链接或示例都将非常受欢迎。

Answer 1

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

截图：如何：

代码也很小。

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

Answer 2

除上述答案外，还有更简单，更好的插件：