title: How to disable horizontal dragging? (webkit-overflow-scrolling: touch;)
body: <p>We have vertical scrolling working fine with the following css for iOS 5's webkit scrolling 'touch', but we are still able to drag the page left and right.  How can we disable left and right dragging?</p>
  
  <p>Here is the CSS:</p>
  
  <pre><code>#page_content{
  
  -webkit-overflow-scrolling: touch;
  overflow-x:hidden;
  overflow-y: scroll;   
  position:absolute;
  height: 460px;
  width: 320px;
  
  }
  </code></pre>
  
  <p>Here is the video:<br>
  <a href="http://dl.dropbox.com/u/1737103/scrolling.mov">http://dl.dropbox.com/u/1737103/scrolling.mov</a></p>
  
  <p>Thanks in advance!</p>