javascript - FullPage.JS 一页滚动不适用于手机

Question

在移动设备上，fullpageJS 就像一个普通的滚动页面一样工作。我尝试了一切使单页滚动效果在移动设备上持久存在但没有任何反应。这是 Link

我的文件已上传。请有人帮助我。我现在没有想法和方向。这是我用来初始化脚本的代码

$(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)'
});

});

Answer 1

绝对不是 fullpage.js 的问题。您可以轻松查看 demo page看看它是如何按预期工作的。

您的问题似乎出在使用 responsive 选项上。您可能为您的设备设置了过高的尺寸。 (响应式:768，)

此外，您应该使用 responsiveWidth 或 responsiveHeight 因为 responsive 不再是 in the docs因为它已被弃用。