FullPage.JS一个页面滚动不能在手机上工作

问题描述：

在移动设备上，fullpageJS像一个正常的滚动页面一样工作。我尽量让移动页面上的一页滚动效果持久，但没有任何事情发生。这是 Link FullPage.JS一个页面滚动不能在手机上工作

上传我的档案。请帮助我有人。我现在没有想法和方向。这里是我的代码，我使用初始化脚本

$(document).ready(function() { 
$('#fullpage').fullpage({ 
    anchors: ['firstPage', 'secondPage', 'thirdPage', 'forthPage', 'fifthPage', 'sixthPage'], 
    sectionsColor: ['#222222', '#333333', '#222222', '#333333','#222222', '#333333'], 
    navigation: true, 
    slidesNavigation: true, 
    navigationPosition: 'right', 
    navigationTooltips: ['Page1', 'Page2', 'Page3', 'Page4','Page5','Page6'], 
    responsive: 768, 
    keyboardScrolling: true, 
    recordHistory: false, 
    scrollBar:true, 
    css3: true, 
    touchSensitivity: 15, 
    normalScrollElementTouchThreshold: 5, 
    responsive: 0, 
    scrollingSpeed: 1200, 
    easingcss3: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)' 
});

}）;

答

Definetelly不是一个fullpage.js问题。您可以轻松检查demo page以了解它如何按预期工作。

您的问题似乎在使用responsive选项。您可能为您的设备设置的尺寸过高。（responsive: 768,）

此外，你应该使用responsiveWidth或responsiveHeight为responsive不再in the docs，因为它已经过时了。

FullPage.JS一个页面滚动不能在手机上工作

相关推荐