背景图像水平视差

Question

因此，我正致力于构建主要针对移动设备设计的jQuery滑动功能，并且正在进入我之前从未输入过的视差背景区域。我试图将背景图像高度保持为我可以通过封面属性

实现的屏幕大小

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

然而，这并没有让我得到我想要的宽度的视差效果，我想最好的方式来理解我想要做的事情就像在这个问题中谈到的那样

Horizontal scrolling with parallax background for ios

但是使用javascript / jquery，css＆amp; HTML。我正在继续研究解决方案，但到目前为止我可以看到：

http://2rivers.ml/confused

对此有任何帮助将不胜感激，这整个Parallax对我来说是新的，我不是要求有人为我编写代码，但我完全迷失了如何实现这一目标以及数十个谷歌之后搜索我并不比我更接近。

Answer 1

所以这是一个在javascript中编码自己的相当直接的事情。 This是一篇维基百科文章，概述了基本概念。

基本上你会在滚动条上设置一个处理程序，每当页面滚动时更新背景图层的位置（这可能是通过改变整个div的位置或修改背景位置CSS属性）