title: prevent only horizontal scrolling on touch
body: <p>i basically created a very simple slider with <code>overflow:hidden</code> for the container so that i don't see the horizontal scrollbar and the only way i can slide to the next screen is clicking on a handle (a <code>span</code> in this case).</p>
  
  <p>this works fine on desktop but on devices, you can still scroll horizontally touch swiping on the screen, is there a way to prevent this?</p>
  
  <p>here's a sample: <a href="http://jsfiddle.net/5T3cV/" rel="nofollow">http://jsfiddle.net/5T3cV/</a></p>