使WP 8.1 HTML应用程序窗口不可拖动

Question

我创建了一个Windows手机应用程序，但是当你用手指向上滚动时，它会像IE一样将页面调高。就像在整个窗口移动一样。

默认情况下看起来像：

但是当我将列表拖动到最大潜力（在这种情况下是直接向下）时会发生这种情况：

有没有办法禁用它？

Answer 1

在决定检查/css/ui-themed.css后，我发现了这一点：

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  -ms-user-select: none;
  cursor: default;
  -ms-scroll-translation: vertical-to-horizontal;
}
html {
  overflow: hidden;
}
body {
 -ms-content-zooming: none;
}

似乎已经解决了这个问题，但我认为我已经将其缩小了overflow:hidden。

无论这对我来说都解决了这个问题。

Answer 2

我认为这里最好的解决方案是将顶栏设置为与列表中的单独元素。然后它将保持在顶部，下面的列表将滚动而不会同时拉下“标题”。

您可能希望绝对定位“标题”并使列表偏移所述“标题”的垂直高度。

删除

-ms-scroll-translation: vertical-to-horizontal;

从html，body并将其添加到list元素。