使用fullPage.js

Question

我尝试使用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);
    };

但所有这些都需要更改全页源代码。还有其他想法吗？

Answer 1

来自fullpage.js documentation：

  

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

请注意＆＃34;以防其内容大于＆＃34; 的高度。 如果任何其他部分的内容不大于视口高度，则不会创建滚动条。