title: jQuery mobile + iScroll, cannot scroll down
body: <p>I'm trying to integrate <a href="http://jquerymobile.com">jQuery Mobile</a> with <a href="http://cubiq.org/iscroll-4">iScroll 4</a>. I am aware that there is already a <a href="https://github.com/watusi/jquery-mobile-iscrollview">project</a> that does this, however, I'm avoiding it due to a <a href="https://github.com/watusi/jquery-mobile-iscrollview/issues/55">bug</a> with input-elements (page jumping like crazy when typing).</p>
  
  <p>My current implementation looks like this:</p>
  
  <p><strong><a href="http://jsfiddle.net/AqHsW/">http://jsfiddle.net/AqHsW/</a></strong> - <em>(JSFiddle example)</em> [<a href="https://dl.dropbox.com/u/16088211/soBug.html">Alternative mirror</a>]</p>
  
  <p>As you probably noted, this works flawlessly, except for one major catch:
  <strong>one cannot scroll down.</strong> This problem seems to be cross-os / browser.</p>
  
  <p>However, if my I override the <code>onBeforeScrollStart</code> method:</p>
  
  <pre><code>var scroller = new iScroll('wrapper', { onBeforeScrollStart: null });
  </code></pre>
  
  <p>It works somewhat better. Now one can scroll, but the behaviour gets glitchy (along with slow responsiveness) instead, allowing the user to scroll how high he wants and so on.</p>
  
  <p><em>(Doing this only seems to alter things on iOS, however)</em></p>
  
  <p>I'm now looking for a solution to this problem, which preferably supports iOS 5 and 6, along with the use of <code>&lt;input&gt;</code> elements. This should be a pretty common problem, considering that iScroll and jQuery Mobile are the two dominating frameworks today.</p>