css 视差滚动效果实现,滚动屏幕的同时,其他图片跟随偏移

截图:

以前的版本都是通过transform-style: preserve-3d的方式,并transform转换元素的z轴偏移位置,实现视差滚动效果;不过现在版本的浏览器已经不支持之前的实现方式了。
本项目通过监听浏览器滚动事件,并设置背景图片的偏移实现。
代码





Document