JQuery Mobile Windows Phone 8 Pied de page fixe

Question

J'ai une application phonegap windows phone 8 avec jquery mobile pour le style. J'utilise le pied de page fixe pour la navigation. Le pied de page flotte cependant de quelques pixels au-dessus du bas du téléphone.

J'ai terminé la version android/iOS de l'application. Im en utilisant Adobe Phonegap build pour construire mon application. La version Android/IOS fonctionne parfaitement. Mais maintenant j'essaie de tester la version Windows Phone 8 de l'application et j'ai aussi testé dans les navigateurs téléphoniques ainsi que son fonctionnement parfaitement dans Windows Phone 8, iOS et Android. mais je construis l'application Windows Phone (app.xap) et installé dans Windows Phone et pied de page n'est pas positionné comme prévu il y a un écart ci-dessus à partir du bas.

S'il vous plaît aidez-moi. Toute aide serait grandement appréciée. Merci =)

<div data-role="page" data-theme="a" id="page_Login"> 
     <div data-role="header" data-theme="a" class="okn_applicationTitleLogo"> 

      <img src="Content/mobile/themes/default/images/logo.png" /> 
     </div> 

     <div data-role="content" data-theme="a" id="loginpage" > 
      <div class="okn_contentContainer"> 
       Login 
      <div data-role="fieldcontain" class="ui-hide-label"> 
       <label for="txtLogin">Username</label> 
       <input type="email" name="txtLogin" id="txtLogin" data-bind="value: Username" placeholder="Username" /> 
      </div> 
       <div data-role="fieldcontain" class="ui-hide-label"> 
        <label for="txtPassword">Password</label> 
        <input type="password" name="txtPassword" id="txtPassword" data-bind="value: Password" placeholder="Password" /> 
       </div> 
       <div data-role="fieldcontain"> 
        <label> 
         <input type="checkbox" name="chkRememberLogin" data-bind="checked: RememberMe " /> 
         Remember me</label> 
       </div> 



     </div> 
     <div data-role="footer" data-id="footer_Main" id="firstFooter" data-theme="a" > 
      <h4>&copy; <span class="footer_copyrightYear">2000</span> <span class="footer_version"></span></h4> 
     </div> 

    </div> 
    </div> 

Answer 1

changement de bas de page div comme ceci:

<div data-role="footer" data-position="fixed" style="position: absolute"> 

Ou vous pouvez ajouter directement la position absolue dans votre jquery CSS mobile si vous préférez.