8

I'm currently working on a webpage that will be viewed on an iPad. It uses the jquery-ui libraries to display a slider bar. However, when a user tries to drag the sliderbars, instead, the entire page drags. Does anyone know if there is any sort of override that can be specified in the jquery or html to prevent the browser from dragging the page on an iPad upon touch drag event?

Moki
  • 5,121
  • 4
  • 21
  • 9

1 Answers1

3

You might want to check out this article as well: Adapting an Interface for Touch Devices. It discusses how to detect if you're running in a touch environment, but it also (further down in the article) has a discussion about overriding the default behavior of the touchstart event... "By capturing the finger movement and hijacking it, we can prevent the default scrolling behavior using jQuery’s event.preventDefault() method, and insert anything we want."

heavi5ide
  • 1,599
  • 10
  • 11