jQuery Parallax.js无效

时间:2016-05-20 13:57:57

标签: javascript jquery html parallax.js

即时尝试使用parallax.js,但它不能正常工作。我滚动时,我的视差div不会移动。我无法找到问题所在。这是我尝试使用的链接。 parallax.html

1 个答案:

答案 0 :(得分:0)

这不是一个答案,而是一些冗长的评论,并提出一些建议。

是的,你的视差不是平行的...但是,这里有一些事情要尝试:

(1)立即在正文下添加新的DIV:

<div style="height:200px;width:100%;background:white;">&nbsp;</div>

(2)将此样式添加到视差div:

<div style="background:white;" class="parallax-window" data-parallax="scroll" data-image-src="http://pixelcog.github.io/parallax.js/img/helix-nebula-1400x1400.jpg"></div>

这将有助于“窗口”效果,但我不确定为什么视差效果(窗口内的滚动速度较慢)无效。

当然,您可以使用外部样式,我只使用内联样式进行演示