jQuery & fullPage.js - 在移动设备上不起作用

Question

我正在使用fullpage.js插件创建一个站点。我可以在桌面浏览器上使用它，但它在移动设备中的工作状态不佳。

这是我的HTML

<div id="fullpage">
    <section id="red" class="section"></section>
    <section id="blue" class="section"></section>
    <section id="green" class="section"></section>
</div>

这是我的jQuery

$(document).ready(function(){
   $('#fullpage').fullpage({
       navigation: true,
   });
});

虽然navigation:true我可以通过触摸导航点跳过（我不会说滚动）到不同的部分。如本视频所示，我可以滑动以从那里滚动。它在Chrome设备模拟器中起作用

作品中卷轴的视频

P.S。我认为scrollOverflow:true不会达到我的目的，因为网站中没有太多内容可以滚动。

Answer 1

我发现了问题。它不是fullpage.js。在我的HTML中，我包括jquery.slim.min.js而不是常规jquery.min.js

显然，fullpage.js仅与jquery.min.js

Answer 2

使其成为您的代码，然后尝试使用jQuery

<div id="fullpage">
    <div class="section">
        <div class="slide"></div>
        <div class="slide"></div>
        <div class="slide"></div>
    </div>
</div>