Fullpage.js: -webkit-overflow-scrolling:touch is not working anymore (since 2.8.8)

Created on 2 Nov 2016  Â·  6Comments  Â·  Source: alvarotrigo/fullPage.js

Link to isolated reproduction with no external CSS / JS
https://jsfiddle.net/0hLzxrea/76/ — 2.8.8 (NOT WORKING)
https://jsfiddle.net/0hLzxrea/78/ — 2.8.7 (WORKING)

Steps to reproduce it
If you try to scroll the text inside the white box (first link) it won't scroll.

Versions
iPhone 6s iOS 10.1.1

bug fixed on dev

All 6 comments

Related with this question in stackoverflow and this issue https://github.com/alvarotrigo/fullPage.js/issues/2285

I'll mark it as a bug but won't have a solution soon. I would recommend you to use iScroll (or the fork included in fullpage.js (scrolloverflow.min.js)) to avoid those problems.
Also, not quite sure about the support of -webkit-overflow-scrolling in other browsers and devices.

I think it works now.

I modified this part like by adding

!checkParentForNormalScrollElement(event.target) &&

    /*
    * Preventing bouncing in iOS #2285
    */
    function preventBouncing(event){
        var e = event.originalEvent;
        if(!checkParentForNormalScrollElement(event.target) && options.autoScrolling && isReallyTouch(e)){
            event.preventDefault();
        }
    }

@thisisfed sounds like a possible solution! Thanks for it I'll take a look at it for the next release.

Fixed on the dev branch 2.8.9
Will get merged in the next release.

Fixed in fullpage.js 2.8.9

I think this was not fixed on the Fullpage extension JS. I can't check properly cause it's minified.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

mxnvkv picture mxnvkv  Â·  4Comments

festwertspeicher picture festwertspeicher  Â·  4Comments

Andi-Stevenson picture Andi-Stevenson  Â·  4Comments

pigerla picture pigerla  Â·  4Comments

ortonomy picture ortonomy  Â·  3Comments