jquery.fullPage.js 如何在不影响部分滚动的情况下启用 div 内的滚动

Question

对，这并不容易解释...我正在使用 jquery.fullPage.js 作为网站。我有一些可折叠的面板托管大量需要滚动的副本。当我在此面板上启用滚动时，我的问题就开始了，因为它会将我带到下一部分。有什么方法可以让我在这个面板中滚动而不影响整页滚动？

谢谢大家

Answer 1

是的，fullpage.js plugin 提供了一个名为 normalScrollElements 的选项。详细in the documentation：

如果您想在滚动某些元素时避免自动滚动，这是您需要使用的选项。 （对地图、滚动 div 等很有用）它需要一个带有 jQ​​uery 选择器的字符串来用于这些元素。 （例如：normalScrollElements: '#element1, .element2'）

如果您需要更多控制，您可以随时使用 fullpage.js 方法 setAllowScrolling 来允许或禁用自动滚动。例如，通过这种方式，您可以在打开弹出窗口时禁用它，然后在关闭它时再次启用它。