從問題說起，項目終於到的實際問題：
1、angular單頁應用運用了2個jQuery.fullpage全屏滾動，運用路由單頁有沖突，分頁器中id固定fp-nav，分頁器重復添加
2、jQuery.fullpage自定義footer的高度，每個滾動頁面被固定高度很煩，滾動較小的高度，任然全屏滾出
解決問題1：
針對第一個問題，會出現重復初始化fullpage問題，由於使用的angular單頁應用,所以jQuery不可避免，於是選擇更好與angular搭配的angular-fullpage運用插件解決，很不錯（下篇詳解angular-fullpage用法）
解決問題2：
毫無疑問查文檔是最好解決插件問題的方式，其他真的浪費時間。
gitHub詳細文檔（fullpage.js）
其中有詳細的說明【Creating smaller or bigger sections】並附有demo
看着 demo 寫了個例子，不過忘加 jquery.fullpage.min.css導致出現錯誤
詳細例子如下（引入文件自己找對位置）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src='libs/jquery/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src='libs/jquery/jquery.fullPage.min.js'></script>
<link rel="stylesheet" type="text/css" href="libs/jquery/jquery.fullpage.min.css">
</head>
<body>
<div id="fullpage">
<div class="section">One</div>
<div class="section">Two</div>
<div class="section">
three
</div>
<div class="section fp-auto-height">
<div class="content">Four</div>
</div>
<style type="text/css">
.section {
text-align:center;
font-size: 3em;
}
</style>
<script type="text/javascript">
$('#fullpage').fullpage({
anchors: ['page1', 'page2', 'page3', 'page4'],
sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
});
</script>
</div>
</body>
</html>