search

alvarotrigo / fullPage.js

fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
http://alvarotrigo.com/fullPage/
GNU General Public License v3.0
35.26k stars 7.3k forks source link

Problem: Scrolling on iOS? #922

Closed BeBo007 closed 9 years ago

BeBo007 commented 9 years ago

HI Alvaro,

thanx for your great work! Your script is really amazing and i reeally love to work with it. There is just one litte fun killer: on iOS-Devices the script is not offering scroll-bars if the content ist to large to show in the section - and now comes the crazy part: the problem only occurs, when i'm working with videos in the sections. The user has to change its devive from landscape-mode to portrait-mode and back (or from portrait to landscape and back) to get scroll-bars, which isnt't the spirirt of a good usability.

An example with videos: http://bit.ly/1AAxSUI an example without videos: http://bit.ly/13J3VIb

The only css-code for videos i'm using is:

    .section video {
        width: 100%;
        height: auto;
        background-color: #fff;
    }

i set the script in the header "verticalCentered: false" and "resize : false" to avoid the the forefox-bug with resizing and used media queries instead (issue #284).

First i thought this could be the ios scale bug, but no bugfix (like this one: http://bit.ly/1AAxSUI) is working at all. Can you help me solving this problem?

Thanx a lot and best whishes BeBo

alvarotrigo commented 9 years ago

on iOS-Devices the script is not offering scroll-bars if the content ist to large to show in the section

It does when using scrollOverflow:true.

It sounds like you are loading some content dynamically in the sections after the plugin has been initialised.

Try setting the height of the video on the html markup so the plugin can known in advance its size before it loads.

You can also try to initialise the plugin on load instead of on document ready or you can use the function reBuild provided by fullPage.js after all the content has loaded or even by using a timeOut.

alvarotrigo commented 9 years ago

i set the script in the header "verticalCentered: false" and "resize : false" to avoid the the forefox-bug with resizing and used media queries instead (issue #284).

As I said in the related issue:

The bug has been fixed in their last version 1.3.2 which I will commit now as well.

So that's solved.

mjamilbashir99 commented 7 years ago

I have used the full Js which is awesome, the only issue is coming scroll on iphones otherwise it is working 100% perfect on all devices. To fix it I have used onload function still the issue is there. Any suggestions? Please see my code here http://beta.autonomyx.com/product-tour

alvarotrigo commented 7 years ago

@mrj0909 if you believe there's a bug please open a new issue with an isolated reproduccion with the less minimum HTML code and no external CSS or JS to fullpage.js. Then specify device and version of OS and browser.

mjamilbashir99 commented 7 years ago

It has fixed I was using old js library which was "javascript.fullPage.js" now I am using "jquery.fullPage.min.js"

rosell921 commented 6 years ago

I'm using jquery.fullpage.extensions.min.js and I still have the same issue of scrolling on iPhone devices

alvarotrigo commented 6 years ago

@rosell921 please provide an isolated reproduction of it. With no external CSS or JS files to fullpage.js and the minimum HTML code. Use empty sections if possible.