Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery mobile + iScroll, cannot scroll down
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload