用于WP8（Lumia 920）设备的jQuery / HTML5 / gwt应用程序：垂直css滚动修复

问题：

我尝试修复关于滚出应用边界的这种现象：

（图片来源： 防止在Cordova for Windows Phone 8中滚出CordovaView ）

方法＃1

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

这个css片段应该修复滚动，以便在滚动内容时应用程序稳定，这样做完美，但它会使应用程序不稳定。 应用程序手不时有任何明显的原因。 在行冻结应用程序中显示三个不同的视图。

（来源： 防止在Cordova for Windows Phone 8中滚出CordovaView ）

方法＃2

这修复了水平方向：

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

这需要java脚本：

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

（来源WP8 IE10视口问题 ）

寻求解决方案：

如何使手机1不使手机不稳定或使手机2垂直工作？

Answer 1

成功的故事是应用方法＃1，所以你标记为css

  div.wp8ScrollFix { -ms-touch-action: none; } 

并将class="wp8ScrollFix"赋予页面上的主div，您不希望平移发生。

这是IE10浏览器的新function，可以进行检查

 @if user.agent ie10 { } 

围绕css文件中的修复，仅适用于ie10。