css - FullPageJS 防止汉堡菜单上的触摸滚动；如何整合？

Question

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

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

问题

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

标签： csswordpressfullpage.jshamburger-menu

Answer 1

您应该使用名为normalScrollElements.

如fullpage.js 文档中所述：

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

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

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