即时尝试使用parallax.js,但它不能正常工作。我滚动时,我的视差div不会移动。我无法找到问题所在。这是我尝试使用的链接。 parallax.html
答案 0 :(得分:0)
这不是一个答案,而是一些冗长的评论,并提出一些建议。
是的,你的视差不是平行的...但是,这里有一些事情要尝试:
(1)立即在正文下添加新的DIV:
<div style="height:200px;width:100%;background:white;"> </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>
这将有助于“窗口”效果,但我不确定为什么视差效果(窗口内的滚动速度较慢)无效。
当然,您可以使用外部样式,我只使用内联样式进行演示