Question

我有一个模态元素，不应该是 fullpage.js 滚动的一部分。所有主要容器都是固定的。

我无法在此模式中滚动工作。

我已尝试设置＆＃39; normalScrollElements ＆＃39;和＆＃39; fixedElements ＆＃39;，＆＃39; setAllowScrolling ＆＃39;。

这些选项都没有成功。有谁知道如何解决或有同样的问题？

当这个其他模态打开时，如何释放滚动事件？

我尝试过非固定元素并将其移出＆＃34;＃fullpage＆＃34;同样， fullpage.js 仍然挂在滚动事件上。

任何建议都将不胜感激！我在这里搜索过，但似乎没有解决方案。

提前致谢：）

我的配置如下：

fitToSection: true,
fitToSectionDelay: 1000,
scrollBar: true,
loopHorizontal: true,
scrollHorizontally: true,
resetSliders: true,
scrollOverflow: true,
scrollOverflowReset: true,
scrollOverflowOptions: null,
touchSensitivity: 33,
controlArrows: true,
verticalCentered: false,
normalScrollElements: '#menu',
fixedElements: '#header, #footer',
sectionSelector: '.js-fullpage-section',
slideSelector: '.js-full-page-slide'

什么插件作者建议在模态打开/关闭时做什么 - 没有工作：

$.fn.fullpage.setAllowScrolling(false/true);

我的HTML结构：

<div id="fullpage">
    <div id="header">
        <!-- Sticky header HTML -->
    </div>
    <div id="pages">
        <!-- Fullpage.js HTML -->
    </div>
    <div id="footer">
        <!-- Sticky footer HTML -->
    </div>
    <div id="menu">
        <!-- Hidden sticky modal I want to be able to scroll normally in when shown -->
    </div>
</div>

Answer 1

不确定最终修复了哪种组合，但normalScrollElements: '#menu'和$.fn.fullpage.setAllowScrolling(false, 'up, down');有效。

Fullpage.js - 在非全局模式中启用垂直滚动

1 个答案: