FullPage JS阻止汉堡菜单上的触摸滚动;如何整合？

Question

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

但是，我在移动设备上存在一个问题，当菜单高度超过ViewPort时，滑动汉堡包菜单不会使用触摸控件滚动，如下图所示：

题

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

Answer 1

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

详见fullpage.js docs：

normalScrollElements :(默认为null）如果要在滚动某些元素时避免自动滚动，这是您需要使用的选项。 （对于地图，滚动div等有用）它需要一个带有Javascript选择器的字符串用于这些元素。 （例如：normalScrollElements: '#element1, .element2'）。此选项不应应用于任何section / slide元素本身。

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

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

Answer 2

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