前言

对于全屏滚动插件fullpage想必大家都很熟悉了，但是一般每一屏的高度即是屏幕的高度所以说高度都是固定的，如果我们想要加头部或者底部不够一屏怎么办呢，这里就必须需要自定义高度了，好在官方已经给出一个很好的解决方式，不需要修改js源代码仅仅加一个样式“.fp-auto-height”就搞定了，不过在此有个坑希望小伙伴们完美躲过，就是此插件的版本问题，相信大家搜索fullpage首先百度出来的就是某某插件网给出的案例吧，在下也是，发现把此插件放在页面最底下是一路的报错。。

报错如下：

image

然后我一看js文件，特喵的还是1.5.3版本的，现在github最新版已经是3.0.0了，怪不得加上高度自适应的样式还是不行

image

在此放上github，大家自行下载最新版吧：

GitHub - alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

案例及其使用说明 ：

jQuery全屏滚动插件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>