使用 fullPage.js 使单页可滚动答案

【问题标题】：Make one single page scrollable using fullPage.js使用 fullPage.js 使单页可滚动
【发布时间】：2015-08-04 14:41:10
【问题描述】：

我正在尝试使用 fullPage.js 制作一个包含大量内容滚动的单个部分（页面）。这里https://github.com/alvarotrigo/fullPage.js/#options 描述了一种方法来设置选项 scrollOverflow: true。但是这个选项适用于所有部分，这不是需要的。我搜索了 throw 方法https://github.com/alvarotrigo/fullPage.js#methods 找到了一个 $.fn.fullpage.setFitToSection(false);，但它不适合我的情况。

有什么方法可以切换scrollOverflow选项，取决于nextIndex (onLeave : function(index, nextIndex, direction))？

我在源代码中找到

  /**
    * Sets fitToSection
    */
    FP.setFitToSection = function(value, type){
        setVariableState('fitToSection', value, type);
    };

所以我认为添加下一个代码可能会有所帮助

  /**
    * Sets setScrollOverflow
    */
    FP.setScrollOverflow = function(value, type){
        setVariableState('scrollOverflow', value, type);
    };

或更通用的版本

   /**
    * Sets any option variable
    */
    FP.setOptionVariable = function(variable, value, type){
        setVariableState(variable, value, type);
    };

但这一切都需要更改整页源代码。还有其他想法吗？

【问题讨论】：

标签： jquery scroll fullpage.js

【解决方案1】：

来自fullpage.js documentation：

scrollOverflow：（默认为 false）定义是否为部分创建滚动以防其内容大于其高度。当设置为 true 时，您的内容将被插件包装。考虑在 afterRender 回调中使用委托或加载其他脚本。如果将其设置为 true，则需要供应商插件 jquery.slimscroll.min，并且应在 fullPage.js 插件之前加载。

注意“以防它的内容大于它的高度”。如果任何其他部分的内容不大于视口高度，则不会创建滚动条。

【讨论】：