jQuery / HTML5 / gwt app para dispositivo WP8 (Lumia 920): correção de rolagem css vertical

Problema:

Eu tento consertar esse fenômeno sobre a rolagem dos limites dos aplicativos:

(Fonte da imagem:Evite rolar para fora do CordovaView em Cordova para Windows Phone 8 )

Abordagem nº 1

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

Esse snippet css deve corrigir a rolagem para que o aplicativo fique estável ao rolar o conteúdo, o que ele faz perfeitamente, mas deixa a aplicação instável. Aplicação mãos agora e depois sem qualquer razão visível. Mostrando três visualizações diferentes na linha congela app.

(Fonte:Evite rolar para fora do CordovaView em Cordova para Windows Phone 8 )

Abordagem nº 2

Isso corrige a direção horizontal:

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

Isso precisa de script java:

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

(FonteProblema de viewport do WP8 IE10 )

Buscando solução:

Como fazer com que o caso 1 não torne o telefone instável ou faça o caso 2 funcionar verticalmente?

questionAnswers(1)

yourAnswerToTheQuestion