我大概理解到了你的意思，是想实现背景的视觉差效果吧。如果是这个的话两种方法，
成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于做网站、成都网站建设、泰山网络推广、成都微信小程序、泰山网络营销、泰山企业策划、泰山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供泰山建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
一种是设置background-attachment:fixed;背景固定了
另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制。感觉应该是你想要的效果了。
你说的这个是单页面效果。我给你个网址上面有好多这样的
比较divoffset 滚距离scrolloffsetscroll触发事件 参考：中国//jsfiddle中国/n4pdx/ 或者使用js库比waypoints 中国//imakewebthings中国/waypoints/
better-scroll
重点解决移动端(已支持 PC)各种滚动场景需求的插件
你需要一款简单易用的幻灯片演示制作工具，比如Focusky，这个软件支持输出多种格式，包括HTML/*.EXE/*.ZIP/*.APP/视频/PDF/H5等，应用很方便。
如何利用Focusky制作简易的HTML5幻灯片？有2种方式，一种是自定义创建幻灯片内容，一种是直接套用模板编辑制作，简单易上手，推荐使用。打开软件，登录账号，选择合适的幻灯片模板进行套用，替换模板原有内容，设置动画特效，就可以输出HTML5幻灯片。
另外，Focusky在演示上还支持3D幻灯片演示特效，可以打破传统的PPT切换方式，只需加入生动酷炫的3D镜头缩放、旋转和平移特效就可以使幻灯片像3D电影般播放，给人以视觉冲击感。
