fullpage.js 部分全屏滚动，底部大概三屏的地方不需要滚动

Question

使用fullpage.js时， https://github.com/alvarotrigo/fullPage.js
底部有友情链接、底部菜单、联系方式等等部分不是满屏的，不需要滚动；

我首先想到的解决方案是使用小区域 https://github.com/alvarotrigo/fullPage.js#creating-smaller-sections
可是这个“小区域”只适用于不大于一屏的情况，对于我这个底部模块比较多，每个高度不确定的情况不适合；

请问是否有熟悉fullpage.js或者其他全屏滚动js库的大神遇到过类似情况；非常感谢；

Answer 1

我以前用fullpage的时候，查遍github上的文档也没有类似的方法。
所以还是自己写了段代码，先设置scrollBar:true，不然停下突然出现滚动条很突兀，然后当判断到slider滚动到最后一屏时就setAutoScrolling(false)，然后就这样滚下来。
当然回去也要判断setAutoScrolling(true).

Answer 2

使用position:fixed来处理该片区域？

Answer 3

最新版本的fullpage支持自动高度了，文档在这里。
不过自动高度内部的容器需要定义固定高度才能正常滚动

可以创建高度小于或大于视口的段落。 这是页脚的理想方式。 需明白所有段落使用此功能并没有意义，这一点很重要。 如果网站的初始加载中有多个段落，则fullPage.js将不会滚动以查看下一个段落，因为它已经在视口中。

创建更小的段落，只需在要应用的段落中使用fp-auto-height 类即可，则可以调用您的段落/幻灯片中定义的高度。

<div class="section">整个视口</div>
<div class="section fp-auto-height">自动高度</div>

Answer 4

遇到了类似问题，楼主解决了嘛

Answer 5

我也遇到类似问题了，只不过我是首屏不需要滚动。
api里面有$.fn.fullpage.setAutoScrolling();
跟楼上思路差不多，滚动到底部的时候设置$.fn.fullpage.setAutoScrolling(false);就可以啦