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

Definetelly不是fullpage.js问题。您可以轻松查看demo page，了解其工作原理。

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

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

FullPage.JS单页滚动无法在手机上运行

1 个答案: