Aplicación jQuery / HTML5 / gwt para dispositivo WP8 (Lumia 920): corrección de desplazamiento css vertical

Problema:

Intento arreglar este fenómeno sobre el desplazamiento fuera de los límites de la aplicación:

(Fuente de la imagen:Evite el desplazamiento fuera de CordovaView en Cordova para Windows Phone 8 )

Enfoque # 1

body {
 overflow: hidden;      
 -ms-content-zooming: none;
}

Este fragmento de código CSS debe corregir el desplazamiento para que la aplicación sea estable al desplazar el contenido, lo que hace perfectamente, pero deja la aplicación inestable. Aplicación de manos de vez en cuando sin ninguna razón visible. Mostrando tres vistas diferentes en la fila se congela la aplicación.

(Fuente:Evite el desplazamiento fuera de CordovaView en Cordova para Windows Phone 8 )

Enfoque # 2

Esto arregla la dirección horizontal:

@-ms-viewport{width:device-width}

Esto necesita script java:

 if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
        var msViewportStyle = document.createElement("style");
        msViewportStyle.appendChild(
        document.createTextNode(
        "@-ms-viewport{width:auto!important}"
    )
 );

(FuenteProblema de la ventana gráfica WP8 IE10 )

Buscando solución:

¿Cómo hacer que el caso 1 no haga que el teléfono sea inestable o que el caso 2 funcione verticalmente?

Respuestas a la pregunta(1)

Su respuesta a la pregunta