仅在下面的部分淡入后才允许在 fullPage 部分中滚动

Question

我对所有部分都使用了 delay.fadeIn，因此它们出现在不同的时间。例如，第二部分有一个 delay(20000).fadeIn() 函数，使它在页面加载 20 秒后出现 - 而我的其余部分在不同时间出现。

我的问题是，如果您在某个部分淡入之前滚动到该部分，fullPage 会将您带回第一部分。我希望防止向下滚动，直到新部分淡入为止。

来自fullPage's documentation，我想我可以使用 setAllowScrolling（见下文） - 但需要确保您的用户仍然能够上下导航，但不能超过最后一个可用部分。

setAllowScrolling(boolean)

通过使用添加或删除滚动浏览部分的可能性 鼠标滚轮/触控板或触摸手势（由 默认）。

$.fn.fullpage.setAllowScrolling(false);

注意，我同时拥有 'loopBottom': false 和 'loopTop': false，

希望这是有道理的，并感谢任何帮助。

谢谢！

Answer 1

您可以在插件初始化后将fp-section 类添加到您的所有部分中。

如果您将其从某些部分中删除，插件将不存在这些部分。它会忽略它们，您将无法滚动到它们。

只需在完成淡入后动态添加类fp-section。