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

Question

我有一个使用了不起的 fullPageJS 插件的网站，它的功能非常非常好。

但是，我在移动设备上遇到了一个问题，当菜单高度超过 ViewPort 的高度时，滑动汉堡菜单无法通过触摸控件滚动，如下图所示：

问题

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

Answer 1

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

详见fullpage.js docs：

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

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

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

Answer 2

如果您还没有添加overflow: scroll，请尝试添加。