一、一般配置項
- 在頁面結構加載完之后，調用fullpage()方法實現整個單頁面切換的功能。
('#fullpage').fullpage();
})
//后面所有的控制項，均寫在fullpage()內部,多個控制項之間用逗號隔開。
- 通過sectionsColor控制每個頁面的背景色。
$('#fullpage').fullpage({
sectionsColor:['red','green','blue']
})
- controlArrows控制是否顯示幻燈片左右兩邊的箭頭，默認值為true，即顯示。
需要借助fullpage.css
$('#fullpage').fullpage({
controlArrows:false
})
- verticalCentered控制每個section的文字上下是否居中，默認為true。
$('#fullpage').fullpage({
controlArrows:false,
verticalCentered:false
})
- resize控制section里文字的字體大小是否歲窗口縮放，默認為false。
resize:true
- scrollingSpeed設置頁面間滾動切換的速度，默認為700ms。
scrollingSpeed:1000
- anchors為每個section頁面添加錨鏈接，當頁面滾動到某個頁面的時候，地址欄的后面會追加對應錨鏈接的值。通過這種方式可以直接定位我們想要出現的頁面。
anchor:['page1','page2','page3']
- lockAnchor鎖定錨鏈接，頁面滾動切換的時候，地址欄的地址是否發生改變。
lockAnchor:true
- css3設置是否支持css3的動畫效果，默認為true。如果設置為false或者在不支持css3的瀏覽器下則利用JQ模擬動畫效果。
css3:true/false
二、滾動配置項
- loopTop 當頁面滾動到最頂部之后，是否滾動到最底部進行循環滾動，默認為false。
loopTop:false/true
- loopBottom 當頁面滾動到最底部之后，是否滾動到最頂部進行循環滾動，默認為false。
loopBottom:false/true
- loopHorizontal 頁面中的橫向幻燈片是否循環滾動，默認為true。
loopHorizontal:true/false
- autoScrolling是否使用fullpage自己的滾動方式，默認為true。如果設置為false，頁面將不會按頁切換。
autoScrolling:true/false
- scrollBar 是否顯示瀏覽器自帶的滾動條，默認為false。
scrollBar:false/true
- paddingTop與paddingBottom 為每個section設置上下的內邊距。
paddingTop:'100px',
paddingBottom:'50px'
- fixedElements 將某個元素固定在fullpage的頁面當中（配合position：fixed），使其不隨頁面的滾動而滾動。如果只是用css的posirion：fixed對某個元素進行固定定位，該元素會被覆蓋。
fixedElements:'#elemId'
//elemId為被固定元素的id
- keyBoardScrolling是否使用鍵盤的方向鍵控制頁面滾動，默認為true。
keyBoardScrolling:true/false
- TouchSensitivity 控制移動設備滑動敏感系數，默認為5，按照百分比來衡量，最高為100，該系數越大則頁面越難被滑動。
touchSensitivity：10
- continuousVertical 控制頁面是否循環滾動，不會像loopTop跟loopBottom那樣出現一個跳動（與它倆不兼容，不可同時設置），直接順序循環。默認為false。
continuousVertical:false/true
11.animateAuthor控制是否從第一個section已動畫的方式滾動到定位的錨鏈接，默認為true。
animateAuthor:true/false
三、菜單與導航設置
通過menu控制項給fullpage添加菜單，并且把菜單跟每個頁面的錨鏈接綁定到一起。
菜單代碼如下：
導航菜單.png
fullpage控制項如下：
$('#fullpage').fullpage({
anchors:['page1','page2','page3']，//為頁面添加錨鏈接
menu:'#Menu' //生成fullpage菜單
})
- recordHistory 設置是否由瀏覽器自帶的
回退與前進按鈕來控制fullpage單頁面之間按照歷史記錄進行切換，即當你通過鼠標滾輪滾動到第三屏之后，可以通過瀏覽器自帶的回退按鈕，返回到第二屏跟第一屏。默認為true。
recordHistory:true/false
- navigation 控制是否顯示導航小圓點，默認為false。
navigationPosition 控制小圓點導航位置，right跟left。
navigationTooltips 控制鼠標移入小圓點之后的提示。
showActiveTooltips 是否顯示當前section頁面的提示文字，默認為false。
navigation:true,
navigationPosition:'right',
navigationTooltips:['page1','page2','page3'],
showActiveTooltips:true
- slidesNavigation 是否顯示橫向幻燈片的導航，默認為false。
slidesNavPosition 幻燈片導航位置，可以為'top'或'bottom'。
