jquery jScrollPane ipad issue

Question

I am pulling my hair out with an scroll issue with iPad/iPhone...

I am using the fantastic jScrollPane plugin which works a treat on desktop browsers but on iPad/iPhone the div doesnt scroll (to do with touch events or something?)

I have tried all the fixes:

http://snipplr.com/view/41051/jscrollpane-ipadiphoneipodios-scoll-support/ (i think old version of jScrollPane so not sure where this fits in)

http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ just didnt work full stop seemingly

https://github.com/aFarkas/jScrollPane/commit/553612cb26a390004a9aa63ab0511e2b668bcf8c#diff-1 script/jquery.touchdrag.js: applied and didnt seem to work either

Any ideas anyone? My client is impatient :/

A.

Answer 1

Just saw this questions is a bit old, anyway, I post my research here:

My version is jscrollpane v2.0.0beta10

I am also using Kelvin Luck's jscrollpane directly from his site. I have just tried our website, it seems newer version is working without problem.

Just made a scroll demo here extracted from my site Only using the basic code like

$('.scrollbar-area').jScrollPane({
    showArrows: true,
    horizontalGutter: 10 // must set for IE running properly
});

I have tested in iPad 2.0(iOS 6.01), I have no iPhone for testing. When I drag the content, it work in iPad. The scrollbar itself does not work though.