FullPageJS防止在汉堡包菜单上滚动触摸；如何集成？

Question

我有一个网站使用奇妙的fullPageJS插件，它做的非常，非常好。

然而，在移动设备上，我遇到了一个问题，当菜单高度超过ViewPort时，滑动汉堡包菜单不带触摸屏滚动，如下图所示：

​

​

问题

如何强制侧菜单接受基于触摸的滚动？

Answer 1

您应该使用名为fullpage.js的normalScrollElements选项。

如fullpage.js文档中所详述的那样

normalScrollElements：(默认null)如果您希望在滚动某些元素时避免自动滚动，则需要使用此选项。(适用于地图、滚动div等)对于这些元素，它需要一个带有Javascript选择器的字符串。(例如：normalScrollElements: '#element1, .element2')。此选项不应应用于任何区段/幻灯片元素本身。

此外，您可以在打开模式时调用fullpage_api.setAllowScrolling(false)。这将防止fullpage.js在使用鼠标轮或触控板时向上或向下滚动。

使用fullpage_api.setAllowScrolling(true)关闭菜单时，可以将其设置为默认值。

Answer 2

如果还没有添加overflow: scroll，就应该尝试添加。