CSS效果实现

全屏滚动

主体内容竖直向下排列，只展示100%的大小，设置overflow:hidden

控制滚动的时候可以通过CSS3translation动画，maigin-top，position:absolute实现

给内容添加一个事件，事件触发时页面的top值改变

视差滚动效果

页面向下滚动时，背景滚动速度比内容滚动速度慢

1.CSS3方法

background-attachment -- 定义背景图片随滚动轴的移动方式

2.纯JS方法

利用JS获取Top值，当页面滚动时，背景移动的距离是主体页面移动距离的百分之多少

3.Scrollorama插件

4.Jquery中的ScrollTo插件

轮播图

主体内容水平布置只展示其中几分之一，多余的地方hidden，通过CSS3的animation动画或者JS进的setTimeInterval进行移动

主体内容叠在一起，全部opacity:0隐藏，利用setTimeInterval隔一段时间展示一个