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,
   });
});

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

video of scroll in the works

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>

jQuery＆amp; fullPage.js - 无法在移动设备上运行

2 个答案: