title: How to drag elements on Mobile Browser?
body: <p>I'm trying to create a image cropper that should work on mobile; A big image is contained inside a container element that crops it, the user can drag the image inside this container and pinch to zoom.</p>
  
  <p>The drag functionality works on desktop browser but when I'm testing in on mobile browser (android chrome, android internet browser, iphone safari), it doesn't work properly: it's not smooth or doesn't drag at all. It moves just a tiny, very tiny bits when trying to swipe or touch move.</p>
  
  <p>Did some tests with touch, touchstart, touchmove without much luck:</p>
  
  <p>I've got a demo in the following link ( <a href="http://jsbin.com/cokil/1/" rel="nofollow">http://jsbin.com/cokil/1/</a> ). Not sure if I can get some tips or advice on how to do this ?</p>
  
  <ul>
  <li><p>it was reported that the raw github link didn't load hammerjs (is loading here), so I've got this other loading it from a CDN <a href="http://jsbin.com/cokil/3/" rel="nofollow">http://jsbin.com/cokil/3/</a></p></li>
  <li><p>please remember that the issue is with mobile browsers</p></li>
  </ul>
  
  <p>Thanks for looking!</p>