fullPage.js：轻松创建全屏滚动式页面

enter image description here

封面人物：佛瑞德·布鲁克斯（Vint Cerf，1950 －）

被称为“互联网之父”，译作温特·瑟夫。主要贡献：与Robert Kahn一道领导TCP/IP协议的研发小组，为 ARPANET 成功开发了主机协议，使ARPANET成为第一个大规模的数据包网络。

Vint Cerf 博士目前担任 Google 公司资深副总裁兼首席因特网专家，负责评估新创网络技术，支持 Google 创新技术及开发因特网先进产品和服务，是Google公司在因特网世界中最重要的代表人物。

推荐指数：★★★★★

使用难度：★★

适用范围：个人主页、产品展示页面

GitHub数据：

enter image description here

解释下什么是“全屏滚动式”页面吧。

简单说，就是整个页面从上到下由多个部分组成，每个部分都正好占满一个屏幕。用户可以滚动鼠标滚轮，每次滚动都会从一个部分滚动到另一个部分，效果非常好。

一段代码教程：

第一屏内容
第二屏内容
第三屏内容

$(document).ready(function() {
    $.fn.fullpage();});

仍然是我们熟悉的HTML+JS的使用方法，一个div就是一屏内容。

不过在使用的过程中我发现这个库有一个小瑕疵，就是当你滚动滚轮之后，页面会自动按照滚轮方向滚动完整的一个屏幕，这个滚动过程当中页面不会再响应滚轮事件。也就是说如果你想滚到第三页的话，连续滚两次滚轮是不行的，必须滚一次——等滚动完全结束——再滚第二次。稍微有点别扭，但是整体来说仍然是一个很不错的库。

GitHub Tips：

今天来讲一条很有用的命令——"git log"。

我们都知道log是日志的意思，"git log"就是查看git的日志。来看一个典型的输出：

可以看到一共有三次commit以及每次commit的作者、时间和描述。

通过查看当前库的所有commit记录，我们可以知道谁在什么时间进行了commit。

这条命令还有很多可选参数，比如查询指定目录的log，显示更详细的信息等等，大家可以Google一下查看具体的参数。一般来说"git log"就够用了。

fullPage.js官网首页

大家有觉得不错的库一定要推荐给我哦~

欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”，获取最新文章。

谢谢~