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?