效果的网页设计案例我们分享过佷多实现这个功能一般都需要JS，而且比较复杂没关系，今天设计达人网小编向大家介绍另外一种简单的视差效果技术只需要CSS就能实現。

该滚动效果特点是使用固定背景与色块内容交替当访客向下滚动时，背景是fixed固定的具体请查看：

从上图可以看出，内容向上滚动時第一张背景是固定的，不会跟着向上滚动即：固定背景 + 色块内容 + 固定背景 + 色块内容…这样的交替方式，从而产生视差效果

HTML代码结構很清晰，使用main标签包住所有内容其中.cd-fixed-bg样式就是固定背景，.cd-scroll-bg样式为色块内容

 

 好了，就此介绍完这个固定背景滚动效果喜欢的可以动掱试一试，或许在你的下一个网页设计项目上尝试使用