fullpage.js滾動條使其laggy對手機瀏覽器

Question

我在一個頁面上的網站，對標籤在上面，當用戶點擊導航就滾動到某一段的工作。我對JavaScript中的一行代碼有疑問。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#fullpage').fullpage({ 
      anchors: ['main', 'about', 'products', 'cooking', 'stores', 'contact'], 
      sectionsColor: ['#FFF', '#FFF', '#00652e', '#FFF'], 
      scrollingBar:true, 
      scrollingSpeed:1700 
     }); 
    }); 
</script> 

時，我有我的代碼scrollingBar: true，網站無法正常對手機瀏覽器的滾動，如果我從代碼中刪除它，它可以完美運行在移動設備上，但我失去了滾動在PC上的Web瀏覽器。有沒有解決這個問題？

非常感謝

Answer 1

的demo page與scrollBar:true似乎工作在手機上的罰款。也許問題在於您的網站充滿了巨大的圖片或類似內容。

當使用scrollBar:true插件將不使用硬件加速的，因爲它確實否則。