background-attachment视差滚动效果原理

网上很多关于使用background-attachment: fixed实现视差滚动效果的文章，比如http://www.wufangbo.com/shi-jue-gun-dong-yuan-li/ ，但是为什么会产生这样的效果，好像都没有进行详细的说明，抽象能力不够的话看一次忘一次（至少我是这样的-.-）。所以我用了一种我比较容易理解和记住的方式画了张下面的原理图：

视差滚动原理.png

当两个DIV同时与背景图区域产生重合，就会给我们造成视觉上的视差效果。
demo

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容