背景图像水平视差

Question

因此，我正在构建主要为移动设备设计的jQuery滑动功能，并且正在以某种视差背景进入我从未进入过的区域。 我正在尝试将背景图像的高度保持为屏幕的大小，这可以通过cover属性实现

background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

但这并不能使我获得想要的宽度视差效果，我想理解我想要做的最好方法就是像在这个问题中讨论的那样

iOS视差背景水平滚动

但使用javascript / jquery，css和html。 我正在继续研究解决方案，但是到目前为止，我可以确切地看到：

在这方面的任何帮助将不胜感激，这对我来说是全新的，我并不是要有人为我编写代码，但是我完全迷失了如何实现这一目标，在经过数十次Google搜索之后，我是距离我不远。

Answer 1

因此，用javascript编写代码是一件相当简单的事情。 这是Wikipedia文章，概述了基本概念。

本质上，您将在滚动条上设置一个处理程序，并且每当滚动页面时都会更新背景层的位置（这可能是通过更改整个div的位置或修改background-position CSS属性）