javascript - 网页多层背景效果如何实现

问题描述

问 题

http://www.bilibili.com/html/...
类似如上页面的banner部分，是用什么样的方式实现的？

解决方案

总共用了5个div,设置每个背景图片,图片格式均为png图片,然后对每个div都设置了transform:translate();
监听用户的滚动事件scroll,并且设置不同的递增值.然后错位视觉滚动就来了,有兴趣自己可以去搜索下.
五张图为:

这篇关于javascript - 网页多层背景效果如何实现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！