Fullpage.js全屏滾動主要功能：
支援滑鼠滾動
支援前進後退和鍵盤控制
多個回撥函式
支援手機、平板觸控事件
支援 CSS3 動畫
支援視窗縮放
視窗縮放時自動調整
可設定滾動寬度、背景顏色、滾動速度、迴圈選項、回撥、文字對齊方式等等
配置項
//為每個section設定背景色
sectionsColor: ["#f00","#0f0","#00f"],
//用來控制slide幻燈片的箭頭，設定為false，兩側的箭頭會消失
controlArrows: false,
//每一頁幻燈片的內容是否垂直居中
verticalCentered: false,
//字型是否隨著視窗縮放而縮放
resize: true,
//頁面滾動速度
scrollingSpeed: 700,
//定義錨連結，使用者可以快速開啟定位到某一頁面；不需要加"#"，不要和頁面中任意的id和name相同
anchors: ["page1","page2","page3"],
//是否鎖定錨連結
lockAnchors: true,
//定義section頁面的滾動方式，需要引入jquery.easings外掛
easing:,
//是否使用css3 transform來實現滾動效果
css3: false,
//滾動到最頂部後是否連續滾動到底部
loopTop: true,
//滾動到最底部後是否連續滾動到頂部
loopBottom: true,
//橫向slide幻燈片是否迴圈滾動
loopHorizontal: false,
//是否迴圈滾動，不會出現跳動，效果很平滑
continuousVertical: true,
//是否使用外掛滾動方式，設為false後，會出現瀏覽器自帶的滾動條，將不會按頁滾動
autoScrolling: false,
//是否包含滾動條，設為true，則瀏覽器自帶的滾動條會出現，頁面還是按頁滾動，但是瀏覽器滾動條預設行為也有效
scrollBar: true,
//設定每個section頂部的padding，當我們要設定一個固定在頂部的選單、導航、元素等時使用
paddingTop: "100px",
//設定每個section底部的padding，當我們要設定一個固定在底部的選單、導航、元素等時使用
paddingBottom: "100px",
//固定的元素，為jquery選擇器；可用於頂部導航等
fixedElements: ".nav",
//是否可以使用鍵盤方向鍵導航
keyboardScrolling: false,
//在移動設定中頁面敏感性，最大為100，越大越難滑動
touchSensitivity: 5,
//設為false，則通過錨連結定位到某個頁面不再有動畫效果
animateAnchor: false,
//是否記錄歷史，可以通過瀏覽器的前進後退來導航
recordHistory: true,
//繫結選單，設定相關屬性和anchors的值對應後，選單可以控制幻燈片滾動
menu: '.nav',
//是否顯示導航，設為true會顯示小圓點作為導航
navigation: true,
//導航小圓點的位置，可以設定為left或者right
navigationPosition: right,
//滑鼠移動到小圓點上時顯示出的提示資訊
navigationTooltips: ["第一頁","第二頁","第三頁"],
//是否顯示當前頁面小圓點導航的提示資訊，不需要滑鼠移上
showActiveTooltip: true,
//是否顯示橫向幻燈片的導航
slidesNavigation: true,
//橫向幻燈片導航的位置，可以為top或者bottom
slidesNavPosition: bottom,
//內容超過滿屏時是否顯示滾動條，需要jquery.slimscroll外掛
scrollOverflow: true,
//section選擇器
sectionSelector: ".section",
//slide選擇器
slideSelector: ".slide"複製程式碼
方法
//向上滾動一頁
moveSectionUp();
//向下滾動一頁
moveSectionDown();
//滾動到第幾頁，第幾個幻燈片；頁面從1計算，幻燈片從0計算
moveTo(wection,slide);
//和moveTo一樣，但是沒有動畫效果
silentMoveTo(section,slide);
//幻燈片向右滾動
moveSlideRight();
//幻燈片向左滾動
moveSlideLeft();
//動態設定autoScrolling配置項
setAutoScrolling(boolean);
//動態設定lockAnchors配置項
setLockAnchors(boolean);
//動態設定recordHistory配置項
setRecordHistory(boolean);
//動態設定scrollingSpeed配置項
setScrollingSpeed(milliseconds);
//新增或刪除滑鼠/滑動控制，第一個引數為啟用、禁用；第二個引數為方向，取值包含all、up、dowm、left、right，可以使用多個，逗號分隔
setAllowScrolling(boolean,[directions]);
//銷燬fullpage特效，不寫type，fullpage給頁面新增的樣式和html元素還在；如果使用all，則樣式和html等全部被銷燬
destroy(type);
//重新更新頁面和尺寸，用於通過ajax請求後改變了頁面結構之後，重建效果
reBuild();複製程式碼
回撥函式
//滾動到某一section，且滾動結束後，會觸發一次此回撥函式，函式接受anchorLink和index兩個引數，anchorLink是錨連結名稱，index是序號，從1計算
afterLoad(anchorLink,index);
//在離開一個section時，會觸發一次此回撥函式；index是離開的頁面的序號，從1計算；nextIndex是滾動到的目標頁面的序號，從1開始計算；direction判斷往上滾動還是往下滾動，值為up或down。通過return false，可以取消滾動
onLeave(index,nextIndex,direction);
//頁面結構生成後的回撥函式，或者說頁面初始化完成後的回撥函式
afterRender();
//瀏覽器視窗尺寸改變後的回撥函式
afterResize();
//滾動到某一slide後的回撥函式，與afterLoad類似
afterSlideLoad(anchorLink,index,slideAnchor,slideIndex);
//在離開一個slide時，觸發此回撥函式，與onLeave類似
afterSlideLoad(anchorLink,index,slideIndex,direction,nextSlideIndex);複製程式碼
Fullpage結合CSS3新屬性可以完成非常炫酷的頁面，如下圖為CSS3結合Fullpage.js實現的簡單的全屏滾動頁面。
