CODEWITHSUNDEEP
javascriptjquerymobilejquery-pluginsfullpage.js
Amit Singh
Amit Singh

Reputation: 1800

FullPage.JS One page scroll not working on mobile phone

On mobile devices fullpageJS is working like a normal scrolling page.I tried everything to make the one-page scroll effect persistent on mobile but nothing is happening.this is the Link

on which my file is uploaded.Please help me Someone.I'm out of ideas and direction now. here's my code i have used to initialise the script

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

});

Upvotes: 3

Views: 1224

Answers (1)

Alvaro
Alvaro

Reputation: 41595

Definetelly not a fullpage.js problem. You can easily check the demo page to see how it works as expected.

Your problem seem to be in the use of the responsive option. You are probably setting the dimensions too hight for your device. (responsive: 768,)

Also, you should be using responsiveWidth or responsiveHeight as responsive is no longer in the docs as it is deprecated.

Upvotes: 2

Related Questions