fullpage.js移动滚动不起作用

Question

我目前无法使用fullpage.js在移动设备上为我的网站获取滚动功能。

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

我已经按照正确的顺序导入了slimscroll和jquery UI，并且将scroll overflow设置为true，所以我有点困惑它为什么不能在移动设备上工作。我试过使用iphone 4和5，但没有运气。

的URL是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> 

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

它应该是：

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

而且你必须：

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