配置項(xiàng)介紹
十六蛹锰、touchSensitivity:
在移動(dòng)設(shè)備中滑動(dòng)頁(yè)面的敏感性，默認(rèn)為5绰疤，是按百分比來(lái)衡量铜犬，最高為100，越大則越難滑動(dòng)轻庆。
十七癣猾、continuousVertical:
頁(yè)面是否循環(huán)滾動(dòng)，默認(rèn)為false余爆，如果設(shè)置為true纷宇，則頁(yè)面會(huì)循環(huán)滾動(dòng)，而不是像loopTop或loopBottom那樣出現(xiàn)跳動(dòng)蛾方。
注：這個(gè)屬性和loopTop像捶、loopBottom不兼容，不能同時(shí)設(shè)置桩砰。
十八拓春、animateAnchor:
錨鏈接是否可以控制滾動(dòng)動(dòng)畫(huà)，默認(rèn)為true亚隅。如果設(shè)置為false硼莽，則通過(guò)錨鏈接定位到某個(gè)頁(yè)面顯示不再有動(dòng)畫(huà)效果。
十九煮纵、recordHistory:
是否記錄歷史懂鸵，默認(rèn)為true，可以記錄頁(yè)面滾動(dòng)的歷史行疏，通過(guò)瀏覽器的前進(jìn)后退來(lái)導(dǎo)航匆光。
注：如果設(shè)置了autoScrolling:false，那么這個(gè)配置也將被關(guān)閉隘擎，即設(shè)置為false殴穴。
二十、menu:
綁定菜單货葬，設(shè)置的相關(guān)屬性與anchors的值對(duì)應(yīng)后采幌，菜單可以控制滾動(dòng)，默認(rèn)為false震桶，可以設(shè)置為菜單的jquery選擇器啊鸭。示例代碼如下：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
<title>Fullpage簡(jiǎn)單例子</title>
<link rel="stylesheet" />
<style type="text/css">
body{
color:#fff;/*文字為白色*/
}
.slide{
text-align: center;
font-size: 20px;
}
#fullpageMenu{
font-size:30px;
position: fixed;
top:0;
z-index: 999;
}
</style>
</head>
<body>
<ul id="fullpageMenu">
<li data-menuanchor="page1" class="active"><a href="#page1">1 section</a></li>
<li data-menuanchor="page2"><a href="#page2">2 section</a></li>
<li data-menuanchor="page3"><a href="#page3">3 section</a></li>
<li data-menuanchor="page4"><a href="#page4">4 section</a></li>
</ul>
<div id="fullpage">
<div class="section"><h1>這是第一屏</h1></div>
<div class="section">
<div class="slide">slide1</div>
<div class="slide">slide2</div>
<div class="slide">slide3</div>
<div class="slide">slide4</div>
<div class="slide">slide5</div>
<div class="slide">slide6</div>
</div>
<div class="section"><h1>這是第三屏</h1></div>
<div class="section"><h1>這是第四屏</h1></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.js"></script>
<!--******************配置項(xiàng)使用-->
<!--菜單的設(shè)置-->
<script>
$(document).ready(function(){
$('#fullpage').fullpage({
sectionsColor:['green','orange','gray','red'],
anchors:['page1','page2','page3','page4'],
//css3:true,
//loopTop:true,
//loopBottom:true,
//loopHorizontal:false
//autoScrolling:false
//scrollBar:true
//paddingTop:'200px',
//paddingBottom:'200px',
//continuousVertical:true
menu:'#fullpageMenu',
});
});
</script>
</body>
</html>
二十一岳掐、navigation:
是否顯示導(dǎo)航，默認(rèn)為false，如果設(shè)置為true淆院，會(huì)顯示小圓點(diǎn)作為導(dǎo)航。
（1）navigationPosition:
導(dǎo)航小圓點(diǎn)的位置茴扁，可以設(shè)置為left或right翩概。
（2）navigationTooltips:
導(dǎo)航小圓點(diǎn)的tooltips設(shè)置，默認(rèn)為[]江咳，注意按照順序設(shè)置逢净。
示例代碼如下：
<script>
$(document).ready(function(){
$('#fullpage').fullpage({
sectionsColor:['green','orange','gray','red'],
//導(dǎo)航小圓點(diǎn)的設(shè)置
navigation:true,
navigationPosition:'right',
navigationTooltips:['page1','page2','page3','page4'],
slidesNavigation:true,
slidesNavPosition:'top',
});
});
</script>
二十二、scrollOverflow:
內(nèi)容超過(guò)滿(mǎn)屏后是否顯示滾動(dòng)條歼指，默認(rèn)為false爹土。如果設(shè)置為true，則會(huì)顯示滾動(dòng)條踩身，如果要滾動(dòng)查看內(nèi)容胀茵，還需要jquery.slimscroll插件的配合。slimscroll插件主要用于模擬傳統(tǒng)的瀏覽器的滾動(dòng)條挟阻。
二十三琼娘、sectionSelector:
section的選擇器，默認(rèn)為.section附鸽。
二十四脱拼、slideSelector:
slide的選擇器，默認(rèn)為.slide拒炎。
