Add support for touchscreens (e.g. iOS, android etc)

[vitch]

Add support for touchscreens (e.g. iOS, android etc)

[rmdort]

I think one of the key thing is to seperate the Vertical Scroll bar from the .jspScrollable container. This issue is noticable in Touch screen devices(iOS) when a user taps on the scrollbar, the touch event is invoked on the outer container (.jspScrollable). So instead of this structure

http://pastie.org/1188277

So the scrollbar is seperate from the container and hence wont have any touch conflicts

[vitch]

I'm not sure if that is necessary. And it would be a big change to implement changing the structure like that... Does Alex's suggestion above not work? There is also an alternative implementation here: aFarkas/jScrollPane@553612c - as soon as I have access to a touchscreen device I will try both and commit the one which works best...

[aFarkas]

Using browser sniffing isn't needed simply bind to the touchstart, touchmove touchend events. Then you support all devices, wich have a similiar or equal touchevent implementation. Like I alread commented on my commit. I think there will be a lot greate scripts for handling touchscreen devices/events soon. So my implementation should be seen as a temporal solution.

[vitch]

Touchscreen support now implemented in the trunk. Thanks for all of the suggestions and code! Let me know if you notice any problems, I've only been able to test on Android so far...

[github074]

hey vitch,
Can you please share the code ?
Thanks

[vitch]

Sure - the code is all available in this repository or for download from the jScrollPane site!

https://github.com/vitch/jScrollPane

http://jscrollpane.kelvinluck.com/

[github074]

thanks bro... works like charm :)