title: Smooth native style swipe scrolling with acceleration/deceleration on IOS using overflow-x: scroll; scrollable div using CSS
body: <p>Using a scrollable div </p>
  
  <pre><code>.scrollable-div{
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/8vGEm/" rel="noreferrer">DEMO</a> on Android devices the scrolling on swipe is smooth and even has acceleration &amp; deceleration.</p>
  
  <p>The same code on an iPhone, the scrolling is stiff. When the user releases touch the scrolling stops immediately.</p>
  
  <p>How do you make the iPhone treat the scrollable div like an Android browser with smooth acceleration/deceleration native style scrolling?</p>