Phonegap Jquery Mobile app scroll and navigation problems in IOS9

Phonegap Jquery Mobile app scroll and navigation problems in IOS9

Hi guys,

I have a Phonegap app with Jquery mobile in the AppStore.

I recently updated my phone to IOS 9 and the scroll stop worked. Im also having problem with the navigation inside the app. The app random redirect the user to the previous page when the user press a link or sometimes when the app makes ajax calls.

I know that IOS 9 have a lots of bugs already but i really need to fix this problem, because the app is actually in production and the users are reporting the same problem.

I found some problems related to Safari in IOS 9 but i had no luck with the scroll problem.

In IOS 8 and below the app work fine.

Thank you very much in advance for any help.

Edit: Sorry for the vague description about the problem, here is more info in order to try to figure out what could be the real problem:

More info about the proyect:

Phonegap Version: 4.2.0
Jquery Version: 1.8.2
Jquery Mobile Version: 1.2.0

Phonegaps plugins actually used:

com.phonegap.plugins.barcodescanner 2.2.0 "BarcodeScanner"

com.phonegap.plugins.facebookconnect 0.11.0 "Facebook Connect"

com.phonegap.plugins.oauthio 0.1.1 "OAuth.io"

org.apache.cordova.dialogs 0.3.0 "Notification"

org.apache.cordova.geolocation 0.3.12 "Geolocation"

org.apache.cordova.inappbrowser 0.6.0 "InAppBrowser"

org.apache.cordova.network-information 0.2.15 "Network Information"


The plugins are working fine.

I already tried the hashListeningEnbale = false trick 


Some users say that adding this code between jquery and jquery mobile import can fix the navigation problem, but i had any luck:


<script type="text/javascript">

              $(document).bind("mobileinit", function(){

                  $.mobile.hashListeningEnabled = false;

              });

        </script>


I also add  data-history= false to all the pages but still no luck.


Here is a example code of one of the pages of my apps. There ir more than 10.000 line of codes and having no clue about the problem is a little bit hard to give some example code related to  the real problem.


Basically is a page with a header, content and a footer.


  • <div data-role="page" id="three" >
    2.     
    3.     <div data-role="header" data-theme="a" data-position="fixed" data-tap-toggle="false" data-id="hh1">
    4.         <div id="ios7"></div>    
    5.             <div data-role="navbar">
    6.                 <ul data-inset="true">
    7.                     <li><div class="common"></div></li>
    8.                     <li><div class="common"></div></li>
    9.                     <li><div class="logoApp common"></div></li>
    10.                     <li><div class="common"></div></li>
    11.                     <li><div class="common"></div></li>
    12.                 </ul>
    13.             </div>
    14.     </div>
    15.                 
    16.                 <div data-role="content">
    17.                 
    18. //HERE A LOT OF STATICS DIVS THAT I LOAD WITH INFO FROM A AJAX CALL (USING JQUERY APPEND FROM A SPECIFYC ID)

    20.                 </div>


    23. <div data-position="fixed" data-tap-toggle="false" data-role="footer" data-id="f1">
    24.     <a href="#three"><img style=" width: 30px;" src="css/images/icon-inicio.png"><p style="color:#32bc98;" class="text-tab"><span id="language_landing_1_1"></span></p></a>
    25.     <a href="#panelreciclaje"><img style=" width: 30px;" src="css/images/icon-reciclar-no.png"><p class="text-tab"><span id="language_landing_2_1"></span></p></a>
    26.     <a href="#feed"><img style=" width: 30px;" src="css/images/icon-noticia-no.png"><p class="text-tab"><span id="language_landing_3_1"></span></p></a>
    27.     <a href="#eleven"><img style=" width: 30px;" src="css/images/icon-premio-no.png"><p class="text-tab"><span id="language_landing_4_1"></span></p></a>
    28.     <a href="#listamas"><img style=" width: 30px;" src="css/images/icon-mas-no.png"><p class="text-tab"><span id="language_landing_5_1"></span></p></a>
    29. </div>


    32.                                                        
    33. </div>