前阵子在项目中用到fullpage,过来分享一下:

现在我们看到很多的网站都是全屏滚动的,是不是很高大上呢?答案是肯定的,fullpage就是让你的网页高大上的原因,一起来看看吧:


我搜集了2种fullpage,一个是基于jQuery的,一个是基于Zepto的,两个资料我都会放到下载中。这里主要说说基于jQuery的内容。


fullPage.js是一个基于jQuery的插件,兼容 jQuery 1.7+。它能够很方便、很轻松的制作出全屏网站,主要功能有:

1、支持鼠标滚动

2、支持前进后退和键盘控制

3、多个回调函数

4、支持手机、平板触摸事件

5、支持 CSS3 动画

6、支持窗口缩放

7、窗口缩放时自动调整

8、可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等

它的浏览器兼容:IE8+、chrome、Firefox、Opera、Safari


使用方法

1、引入文件










2、HTML


    
        

第一屏

    
             

第二屏