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