UPDATE - COPYRIGHT FIXED ISSUE
Apparently, Jack fixed this issue to date (February 4, 2013). It's worth taking the latest release on the Github page.
Previous decision
OK, I could not work properly with jScrollPane. This does not mean that you will not, but I also used custom resizing to resize the iframe, and I don't think it played well with jScrollPane's size calculations.
Decision
However, I managed to get it working by solving the more general iOS iframe scroll problem, thanks to fooobar.com/questions/68518 / .... I made several settings for her code to play better with colorbox. Note that this only works where you control the contents of the iframe
Just enter the following code into your iframe:
setTimeout(function () { var startY = 0; var startX = 0; var b = document.body; b.addEventListener('touchstart', function (event) { startY = event.targetTouches[0].screenY; startX = event.targetTouches[0].screenX; }); b.addEventListener('touchmove', function (event) { event.preventDefault(); var posy = event.targetTouches[0].screenY; var h = parent.document.getElementById("cboxLoadedContent"); var sty = h.scrollTop; var posx = event.targetTouches[0].screenX; var stx = h.scrollLeft; h.scrollTop = sty - (posy - startY); h.scrollLeft = stx - (posx - startX); startY = posy; startX = posx; }); }, 1000);
Scrolling is not nervous, although you do not have a gradual slowdown in natural scrolling, it just stops when you lift your finger. In addition, there is no scroll bar. It is also the perfect solution.
The Sharon solution page offers an alternative for scripts in which you do not control the iframe.
source share