fakefish/fakefish.github.com

JQ实现视差效果

fakefish opened this issue · 0 comments

这次的主角是jQuery-Parallax

实现原理就是在window的resize和scroll事件触发时调整当前所在viewport中的元素的背景图片定位,很简单。

本来想加点东西进去,比如让背景横向和斜向移动,产生的一个问题是,背景水平定位一般都是用百分比,就是需要每次调用去修改其x定位, 修改不是问题,问题是如何和y的数值还有croll的值进行一个比较合理的配合。这样写来都要重写了,尝试了一下午,失败告终。

还有个问题是必须预加载图片,才能显示,不然实在难看。

demo