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({
   //...
});