整页.JS一页滚动在手机上不起作用

FullPage.JS One page scroll not working on mobile phone

本文关键字：手机 不起作用 滚动 JS 一页 整页      更新时间：2023-09-26

在移动设备上，fullpageJS的工作方式就像一个普通的滚动页面。我尽一切努力使一页滚动效果在移动设备上持久存在，但没有任何反应。链接

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

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

}）;

绝对不是整页.js的问题。您可以轻松查看演示页面，了解它如何按预期工作。

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

此外，您应该使用 responsiveWidth 或 responsiveHeight，因为responsive不再在文档中，因为它已被弃用。

相关文章：