2017-06-29 99 views
1

所以我正在构建一个主要为移动设备设计的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 & HTML津津乐道。我继续研究解决方案工作,但正是我至今可以在看到:

http://2rivers.ml/confused

任何帮助,将不胜感激,这全视差的事情是新的给我,我不是要求有人为我编写代码,但我完全失去了如何去实现这一目标,并且在几十次谷歌搜索之后,我并没有比我更接近。

回答

0

所以这是一个相当直接的事情来编写自己的JavaScript。 This是一篇维基百科文章,概述了基本思想。

从本质上讲,你将设置滚动条上的处理程序,每当滚动页面时更新背景层的

的位置(这可能是通过改变整个div的位置或修改背景位置的CSS属性)
+0

页面不滚动。 –