fullPage.js:轻松创建全屏滚动式页面
发布在GitHub不完全装B指南2014年3月28日view:15195
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

enter image description here 封面人物:佛瑞德·布鲁克斯(Vint Cerf,1950 -)

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

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

==========================================================

推荐指数:★★★★★

使用难度:★★

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

GitHub数据

enter image description here

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

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

==========================================================

一段代码教程

<div class="section">第一屏内容</div>
<div class="section">第二屏内容</div>
<div class="section">第三屏内容</div>

$(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指南”,获取最新文章。

谢谢~ enter image description here

评论
发表评论
暂无评论
WRITTEN BY
GitHub不完全装B指南
可能是全宇宙最低端的GitHub使用教程,1秒学会如何用别人的库装自己的逼!
TA的新浪微博
PUBLISHED IN
GitHub不完全装B指南

介绍我自己搜集到的一些优秀开源库,希望通过自己的努力让更多的人认识GitHub,了解GitHub,最后从GitHub中受益!

力图用最轻松的方式让大家会用最牛B的库!

我的收藏