在timelineMax动画完成时防止fullpage.js滚动答案

【问题标题】：Prevent fullpage.js scroll while timelineMax animation completes在timelineMax动画完成时防止fullpage.js滚动
【发布时间】：2015-06-05 05:55:48
【问题描述】：

我正在将timelineMax 与fullpage.js 一起使用到我的项目中，在我的timelineMax 动画完成之前，我不希望我当前的幻灯片向上滑动。

因此，为此我在我的timelineMax 中使用了onComplete 事件并为其分配了一个函数nextAnimation。

timelineMax

t1 = new TimelineMax({delay:1, onComplete:nextAnimation});

在nextAnimation 函数中，我有以下代码。

function nextAnimation() {  
    alert("animation is onComplete");
    $('#main-pages').fullpage({
        autoScrolling:false
    });
}

虽然我仍然可以向下滑动到下一张幻灯片，但整页 js 滚动并未禁用。

【问题讨论】：

请问您可以创建一个 jsFiddle 或 Codepen 演示吗？
@TahirAhmed：不幸的是，无法创建小提琴。

标签： javascript jquery fullpage.js gsap

【解决方案1】：

如果你想禁用/启用滚动，你应该使用$.fn.fullpage.setAllowScrolling 函数。

【讨论】：

感谢您提供的精彩插件。我一定会尝试您的解决方案，并会回复您。。
@Alvaro 的这种方法对您有用吗？如果是，请接受这个答案。