jScrollPane doesn't work on iPad

[GoogleCodeExporter]

Repro:
Load any page with a jScrollPane element.

Expected:
Typical jScrollPane scrolling.

Actual:
The div is locked and you end up dragging the entire web page around.

jScrollPane Version: 1.2.2
Browser: Mobile Safari for iPad
Device: iPad

Please provide a URL to a page displaying the problem.
http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html

Original issue reported on code.google.com by jrotond...@gmail.com on 9 Aug 2010 at 8:20

[GoogleCodeExporter]

Unfortunately I'm not sure there is anything that can be done about this. Any 
interface which relies on "drag" isn't necessarily going to work on a 
touchscreen. Because the browser on these devices "zooms" the webpage and 
moving your finger is used to scroll around the zoomed webpage. The arrow 
buttons do however work on iOS (and Android).

Original comment by kelvin.l...@gmail.com on 10 Aug 2010 at 8:47

• Changed state: WontFix

[GoogleCodeExporter]

The following website offers a patch to fix this (I haven't tested this, just 
reporting):

http://snipplr.com/view/41051/jscrollpane-ipadiphoneipodios-scoll-support/

Original comment by cpfiore@gmail.com on 29 Sep 2010 at 10:32

[GoogleCodeExporter]

Yes - I saw that on Twitter yesterday... This enhancement request is now being 
tracked on the new jScrollPane github issues list:

http://github.com/vitch/jScrollPane/issues#issue/14

Original comment by kelvin.l...@gmail.com on 29 Sep 2010 at 10:38

[GoogleCodeExporter]

Thanks for the link cpfiore. I'm trying that code on snipplr.com, but it 
doesn't seem to work. I get the error: $container is not defined.

It would be great if I could get this to work. Otherwise, I'll have to detect 
for touch devices and switch from jScrollPane to iScroll, which has its own 
problems. :^Z

Original comment by jrotond...@gmail.com on 29 Sep 2010 at 2:05

[GoogleCodeExporter]

I'd suggest using jScrollPane version 2 (the patch at that link is against 
version 1). At some point relatively soon I will have a chance to implement one 
of the patches and the scroll behaviour will work correctly on touch screen 
devices - all you will need to do is update your copy of jScrollPane (you have 
to make changes to CSS etc between jScrollPane 1 and 2 but you won't need to 
make changes like that within the 2.x releases).

Original comment by kelvin.l...@gmail.com on 29 Sep 2010 at 2:46

[GoogleCodeExporter]

Kelvin, I hate to ask, but do you have a relative timeframe for that 
improvement? I'm working on iPad compatibility for our site, which is a fairly 
high-traffic site that uses jScrollPane. I'd really like to continue to use the 
script on iPad to maintain design and functional consistency. We'd be willing 
to assist in testing the code as well, if you need a beta site.

Original comment by jrotond...@gmail.com on 29 Sep 2010 at 2:58