html5 视觉差滚动效果怎么实现

html5 视觉差滚动效果

原理就是一种利用控制各个图片层之间滚动的速度，来产生一种立体空间的效果，每个层都用一个png透明图片做为背景，然后滚动的时候控制一下每个不同的速度。

不过有两个方面需要注意：

1、以大量图片为特色的网站应该考虑图像的预加载问题，以便为用户提供更好更流畅的视觉体验；

2、某些网站页面在移动设备上的效果可能较之在PC上有所不同，一些功能也可能无法正常使用。

我大概理解到了你的意思，是想实现背景的视觉差效果吧。如果是这个的话两种方法，

一种是设置background-attachment:fixed背景固定了

另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制。感觉应该是你想要的效果了。

你说的这个是单页面效果。我给你个网址上面有好多这样的 www.jq22.com

---