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

FullPageJS prevents touch scrolling on hamburger menu; how to integrate?

我有一个网站使用了很棒的 fullPageJS 插件,它的功能非常非常好。

但是,我在移动设备上遇到了一个问题,当菜单高度超过 ViewPort 时,滑动汉堡菜单不会随触摸控件一起滚动,如下图所示:

问题

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

如果您还没有添加 overflow: scroll,您应该尝试添加。

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

详见fullpage.js docs

normalScrollElements: (default null) If you want to avoid the auto scroll when scrolling over some elements, this is the option you need to use. (useful for maps, scrolling divs etc.) It requires a string with the Javascript selectors for those elements. (For example: normalScrollElements: '#element1, .element2'). This option should not be applied to any section/slide element itself.

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

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