FullPage JS 防止汉堡菜单上的触摸滚动;如何整合?
FullPageJS prevents touch scrolling on hamburger menu; how to integrate?
我有一个网站使用了很棒的 fullPageJS 插件,它的功能非常非常好。
但是,我在移动设备上遇到了一个问题,当菜单高度超过 ViewPort 时,滑动汉堡菜单不会随触摸控件一起滚动,如下图所示:
问题
如何强制侧边菜单接受基于触摸的滚动?
如果您还没有添加 overflow: scroll
,您应该尝试添加。
您应该使用名为 normalScrollElements
的 fullpage.js 选项。
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)
关闭菜单时将其设置回默认值。
我有一个网站使用了很棒的 fullPageJS 插件,它的功能非常非常好。
但是,我在移动设备上遇到了一个问题,当菜单高度超过 ViewPort 时,滑动汉堡菜单不会随触摸控件一起滚动,如下图所示:
问题
如何强制侧边菜单接受基于触摸的滚动?
如果您还没有添加 overflow: scroll
,您应该尝试添加。
您应该使用名为 normalScrollElements
的 fullpage.js 选项。
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)
关闭菜单时将其设置回默认值。