0

问题：

我试图解决这个关于滚动出应用程序边界的现象：

滚动问题

（图片来源：防止在 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 垂直工作？

4

1 回答 1

0

成功案例是应用方法 #1，因此您可以改为标记为 css

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

并提供class="wp8ScrollFix"给页面上的主 div，您不希望平移发生。

这是 IE10 浏览器的新功能，可以检查一下

@if user.agent ie10 {

}

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

于 2013-04-16T07:50:24.050 回答