前言
對(duì)于全屏滾動(dòng)插件fullpage想必大家都很熟悉了誊薄，但是一般每一屏的高度即是屏幕的高度所以說(shuō)高度都是固定的执虹，如果我們想要加頭部或者底部不夠一屏怎么辦呢干茉，這里就必須需要自定義高度了论颅，好在官方已經(jīng)給出一個(gè)很好的解決方式绞铃，不需要修改js源代碼僅僅加一個(gè)樣式“.fp-auto-height”就搞定了镜雨，不過(guò)在此有個(gè)坑希望小伙伴們完美躲過(guò)，就是此插件的版本問(wèn)題儿捧，相信大家搜索fullpage首先百度出來(lái)的就是某某插件網(wǎng)給出的案例吧荚坞，在下也是挑宠，發(fā)現(xiàn)把此插件放在頁(yè)面最底下是一路的報(bào)錯(cuò)。颓影。
報(bào)錯(cuò)如下：
image
然后我一看js文件各淀，特喵的還是1.5.3版本的，現(xiàn)在github最新版已經(jīng)是3.0.0了诡挂，怪不得加上高度自適應(yīng)的樣式還是不行
image
在此放上github碎浇，大家自行下載最新版吧：
案例及其使用說(shuō)明 ：
jQuery全屏滾動(dòng)插件fullPage.js_dowebok
具體代碼如下：
<div id="fullpage">
<div class="section fp-auto-height">頭部</div>
<div class="section"></div>
<div class="section fp-auto-height">尾部</div>
</div>
