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
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.