为什么设置了navigation:true, 后还是不显示导航呢。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meat name="viewport" content="widt=device-width, initial-scale=1,user-scalable=no/">
<title>quanpinggundong</title>
<link rel="stylesheet" href="http://cdn.bootcss.com/fullPage.js/2.7.8/jquery.fullPage.min
.css">
<style type="text/css">
body{color: #FFF;}
/*#fullpageMenu{*/
/*position:fixed;*/
/*top:0;*/
/*font-size:30px;*/
/*z-index: 999;*/
/*}*/
</style>
<body>
<!--<ul id="fullpageMenu">-->
<!--<li data-menuanchor="page1"><a href="#page1">1section</a> </li>-->
<!--<li data-menuanchor="page2"><a href="#page2">2section</a> </li>-->
<!--<li data-menuanchor="page3"><a href="#page3">3section</a> </li>-->
<!--<li data-menuanchor="page4"><a href="#page4">4section</a> </li>-->
<!--<li data-menuanchor="page5"><a href="#page5">5section</a> </li>-->
<!--</ul>-->
<div id="fullpage">
<div class="section">
<h1>第一屏</h1>
</div>
<div class="section">
<h1>第二屏</h1>
<div class="slide">slide1</div>
<div class="slide">slide2</div>
<div class="slide">slide3</div>
</div>
<div class="section">
<h1>第三屏</h1>
</div>
<div class="section">
<h1>第四屏</h1>
</div>
<div class="section">
<h1>第五屏</h1>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.8/jquery.fullPage.js"></script>
<!--<script src='http://cdn.bootcss.com/jquery/1.10.1/jquery.min.js'></script>-->
<!--<script src="http://cdn.bootcss.com/fullPage.js/2.7.8/jquery.fullPage.min.js"></script>-->
<script>
$(document).ready(function(){
$('#fullpage').fullpage({
//verticalCentered:false,//设为false自己控制样式，默认为true
sectionsColor:['black','yellow','red','blue','green'],//为section设置background-color属性
anchors:['page1','page2','page3','page4','page5'],//定义锚链接，默认值为[]
//scrollingSpeed:500,//设置页面滚动速度，单位毫秒，默认为700
navigation:true,
navigationPosition:'right',//定义小圆点位置
navigationTooltips:['page1','page2','page3','page4','page5']//小圆点上面的提示信息
});
});
</script>
</body>
</html>
