背景图像水平视差答案

【问题标题】：Background Image Horizontal Parallax背景图像水平视差
【发布时间】：2017-06-29 14:08:30
【问题描述】：

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

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

然而，这并没有让我得到我想要的宽度视差效果，我想理解我想要做的最好的方法就是像这个问题中所说的那样

但使用 javascript/jquery、css 和 html。我正在继续研究解决方案，但到目前为止我所拥有的确切内容可以在以下位置看到：

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

【问题讨论】：

【解决方案1】：

因此，用 javascript 编写代码是一件相当简单的事情。 This 是一篇概述基本思想的维基百科文章。

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

【讨论】：