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 设备模拟器中运行

video of scroll in the works

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

Answer 1

像这样把它变成你的代码，然后用那个试试jquery

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

Answer 2

我想通了。它不是 fullPage.js。在我的 HTML 中，我包含了 jquery.slim.min.js 而不是常规的 jquery.min.js

显然，fullPage.js 仅适用于 jquery.min.js

jQuery & fullPage.js - 不适用于移动设备

jQuery & fullPage.js - Not working in mobile

javascript

jquery

mobile

fullpage.js