背景圖像水平視差

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屬性）