fullpage.js 移动滚动不起作用

Question

我目前无法使用 fullpage.js 在移动设备上为我的网站进行滚动。

在桌面上它工作得非常好，如果我使用 chrome 模拟器，但在移动设备上，网站运行得不是很好（过滤按钮工作很慢）。更改幻灯片的左右按钮有点麻烦，但我可以忍受。但是，如果我尝试在菜单页面上滚动，它似乎不起作用。

我以正确的顺序导入了 slimscroll 和 jquery UI，并将滚动溢出设置为 true，所以我有点困惑为什么它不能在移动设备上运行。我试过用 iphone 的 4 和 5 但没有运气。

网址是 iglouu.co.uk/new

任何想法都将不胜感激！

谢谢

Answer 1

您没有正确初始化插件。

您的 HTML 标记如下所示：

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

所以你应该使用 id fullpage 来初始化插件，而不是你现在使用的 wrapper。

应该是：

$('#fullpage').fullpage({
   //...
});

你有：

$('#wrapper').fullpage({
   //...
});