PhoneGap + JavascriptMVC + jQuery Mobile. Steal( 'phonegap-1.3.0.js', 'jquery/jquery.js', '.
/css/jquery.mobile.structure-1.0.min.css' // jQuery Mobile structure CSS ) .then( '. /css/global.css', // Our global css style and jqm theme 'jquery/controller', 'jquery/view/ejs' ) .then( '. /models/models.js', // all models '. #1768: Setting $.mobile.addBackBtn incorrect in blog post - Issues - jquery/jquery-mobile - GitHub. Dynamic Page Samples. TouchOverflow. TouchOverflow: Dramatically improved page transitions and true fixed toolbars Currently, both the page you're viewing and the one you're navigating to are sitting next to each other in the viewport, which lets us leverage native scrolling for the broadest possible device support.
The downside to this approach is that since both pages share the same viewport, when a page transition starts, we must first scroll to the top of the document, then start animating to ensure that the pages are lined up vertically. If you hit the Back button, we need to scroll up, transition, then restore the previous scroll position. Since mobile browsers are pretty slow, these scroll movements can detract from the flow of the experience. The way to really improve this situation is to have both pages in separate containers, each with its own internal scroll bar.