Cómo evitar el desplazamiento automático cuando el teclado aparece en jquery mobile popup-dialog

m crear una aplicación en la que quiero un cuadro de diálogo emergente con algún campo de texto para ser introducido por lo que tomó un ejemplo del sitio móvil de jQuery y sólo insertó el texto de entrada 4 para insertar línea fija no con código de país y de área.Cuando lo ejecute en el emulador se abre un cuadro de diálogo emergente, pero cuando el usuario tyr para insertar algo en el cuadro de texto se desplaza por encima de lo que utilizó este código en el script para deshabilitar la página de desplazamiento como se da a continuación después de este problema es el usuario puede insertar datos en sólo 2 cuadro de texto porque el resto del cuadro de texto se oculta al lado del teclado. Lo que quiero es la página no debe desplazarse por sí solo cuando el teclado del usuario está abierto y el usuario debe ser capaz de desplazar el dialod emergente para insertar los datos. aquí está el código que tenía vuelta:

<a href="#popupDialog" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop" data-icon="delete" data-theme="b">Delete page...</a> <div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all" > <div data-role="header" data-theme="a" class="ui-corner-top"> <h1>Delete Page?</h1> </div> <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> <h3 class="ui-title">Are you sure you want to delete this page?</h3> <p>This action cannot be undone.</p> <input type='number' id='area code' placeholder='Area code'> <input type='number' id='country code' placeholder='Country code'> <input type='number' id='numder' placeholder='Number'> <input type='button' id='open' data-rel='back' value='OK'> </div> </div> 

aquí está el javascript para deshabilitar la página de desplazamiento:

  $(document).on('popupafteropen', '[data-role="popup"]' ,function( event, ui ) { $('body').css('overflow','hidden'); }).on('popupafterclose', '[data-role="popup"]' ,function( event, ui ) { $('body').css('overflow','auto'); }); 

Gracias por adelantado

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.