Javascript 使用fullpagejs在固定元素上滚动

我正在尝试设计一个带有fullpage.js的网站，其中包含覆盖部分屏幕的固定元素。问题是，当鼠标位于这些固定元素上时，滚动无法正常工作（请参阅）

这是我的html：

<div class="hider" style="top: 0"></div>
<div id="fullpage">
    <div class="section">Section 1</div>
    <div class="section">Section 2</div>
    <div class="section">Section 3</div>
</div>
<div class="hider" style="bottom: 0"></div>

---

我希望鼠标在固定元素上滚动，智能手机或平板电脑在固定div上上上下滑动。我该怎么做呢？

只要将固定元素放在fullpage div中，它就会工作

<div id="fullpage">
    <div class="hider" style="top: 0"></div>
    <div class="section">Section 1</div>
    <div class="section">Section 2</div>
    <div class="section">Section 3</div>
    <div class="hider" style="bottom: 0"></div>
</div>

第一节
第二节
第三节

<div id="fullpage">
    <div class="hider" style="top: 0"></div>
    <div class="section">Section 1</div>
    <div class="section">Section 2</div>
    <div class="section">Section 3</div>
    <div class="hider" style="bottom: 0"></div>
</div>