I'm currently creating some sliders in Javascript, for use with touch, and the results I'm getting aren't all that I'd hoped for.
When holding down one of the slider handles, it gets a translucent dark grey overlay (like all links do when you hold them down on iOS). Once it's done this, the handle can't be dragged.
This makes them exceptionally difficult to use, as you can imagine.
Another problem I'm having is with the page scrolling. Unless I get a near-perfect horizontal swipe, iOS safari thinks I'm trying to scroll the page and stops the js.
I know its possible to fix these problems, because jQuery mobile doesn't have them with their slider. I've been through the source code for the jQuery mobile slider, but I can't find how they're preventing these problems.
Any ideas on what I can do to fix this?
jQuery mobile's slider - http://jquerymobile.com/demos/1.1.0/docs/forms/slider/