Zepto.fullpage 是一个基于 Zepto.js 的全屏滚动插件，可以实现类似于 one-page-scroll 的效果，在前端网页制作中有广泛的应用。
安装
首先，在命令行中使用 npm 进行安装：
npm install zepto.fullpage
引入
在 HTML 文件中引入 zepto.js 和 zepto.fullpage.js：
<script src="path/to/zepto.js"></script> <script src="path/to/zepto.fullpage.js"></script>
初始化
在 JavaScript 中调用 fullpage() 函数来初始化 fullpage 插件：
$(document).ready(function() {
$('#fullpage').fullpage();
});其中，'#fullpage' 为需要滚动的容器的选择器。
配置
Fullpage 插件提供了一些用于配置的选项，如下所示：
-- -------------------- ---- -------
---------------------------- -
-------------------------
---------------- -----------
-------------- ---------
------- -----------------
----------- -----
------------------- --------
-------- --------------- ---------- ---------- ---
---------- -------------------- ------ ---
------------ ---------- ---
------------ ---------- ---
--------------- -------------------- ------ ------------ ----------- ---
------------- -------------------- ------ ----------- ---------- --------------- --
---
---sectionSelector：容器内部分块的选择器，默认为'.section'。slideSelector：容器内部每块中分页的选择器，默认为'.slide'。easing：动画效果的缓动函数，默认为'easeInOutCubic'。navigation：是否显示导航条，默认为true。navigationPosition：导航条的位置，默认为'right'。onLeave：页面切换前的回调函数，可以用来做一些动画效果。afterLoad：页面加载完成后的回调函数，可以用来做一些初始化操作。afterRender：插件渲染完成后的回调函数。afterResize：窗口大小改变时的回调函数。afterSlideLoad：分页加载完成后的回调函数。onSlideLeave：分页离开前的回调函数。
示例
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------- ------------
-------
-------- -
------- -----
-
------ -
------- -----
-
------- -- -- - ----- ------- -- -------- - ---- -
----------------- -----
-
--------
------- --------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------
-------
------
---- --------------
---- ----------------
---- ------------------ - - ----- -------
---- ------------------ - - ----- -------
---- ------------------ - - ----- -------
------
---- ----------------
---- ------------------ - - ----- -------
---- ------------------ - - ----- -------
---- ------------------ - - ----- -------
------
---- ----------------
---- ------------------ - - ----- -------
---- ------------------ - - ----- -------
---- ------------------ - - ----- -------
------
------
--------
---------------------------- -
-------------------------
---------------- -----------
-------------- --------
---
---
--------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------