文匯軟件小編在最近的霖可改版項(xiàng)目里碰見一個(gè)全屏滾動的需求，要求是滾動鼠標(biāo)滑輪時(shí)，瀏覽器的一屏滾動到下一屏，如果通過js的實(shí)現(xiàn)還是比較困難的，而且實(shí)現(xiàn)起來也比較耗時(shí)耗力，所以找到了fullPage.js來實(shí)現(xiàn)全屏的滾動。
fullPage.js的使用步驟：
一、fullPage.js插件依賴于jquery，所以要在fullPage插件之前引入。
以下使用的是bootcdn中fullPage的cdn，需要放入css、js
二、編寫html代碼
默認(rèn)情況下，每一屏幕的代碼都需要有DIV包裹，并且設(shè)置DIV的類名為section，默認(rèn)情況下，第一個(gè)setion將作為首頁顯示在頁面上，如你需要某一個(gè)setion做為第一屏，則給setion添加類名active。
Some section1
Some section2
Some section3
Some section4
三、初始化fullPage
使用jquery文檔加載完畢以后執(zhí)行函數(shù)，初始化fullPage插件
$(document).ready(function() {
$('#fullpage').fullpage();
});
將以上內(nèi)容放入后，fullPage插件就可正常運(yùn)行了，全屏滾動效果也實(shí)現(xiàn)成功了，看了以上fullPage插件的教程，你是不是也迫不及待的想要使用了呢，根據(jù)教程趕快去動手實(shí)踐吧。
