FullPageJS防止在汉堡菜单上进行触摸滚动；如何整合？

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。