位置：固定在 Windows Phone 7 中答案

【问题标题】：position:fixed in Windows Phone 7位置：固定在 Windows Phone 7 中
【发布时间】：2015-07-30 20:53:52
【问题描述】：

我正在尝试创建一个 PhoneGap Windows Phone 7 应用程序。为了模仿应始终在屏幕左侧横向显示的应用程序栏，我想放置一个<div>，CSS 为position:fixed。但是，这不起作用，因为 WP7 上的 IE 似乎不支持它。

有没有人知道如何在没有position:fixed 可用的情况下显示这样的应用程序栏？

提前致谢

【问题讨论】：

标签： css windows-phone-7 cordova css-position

【解决方案1】：

我也一直在纠结这个问题。在每次滚动看起来更糟之后，似乎确实不可能创建一个固定元素并定位元素（试试手机上的 jquery 移动在线示例，他们就是这样做的）。

我“解决”了这个问题，方法是使用 div 容器存储我的非固定内容，其中 style="overflow: scroll" 和固定大小。这对我有用。但是在这个容器中滚动看起来不像原生滚动。

希望有帮助

【讨论】：

【解决方案2】：

我已经设法解决了我的 Win phone 8 (Lumia 930) 上的问题。

我有一个模态窗口，在移动设备上打开时应该保持在视点并在里面滚动。 Android 和 iphone 在位置固定的情况下运行良好，但 win 手机却没有。

我的解决方案是在模式处于活动状态时将活动类放在 html 上，并将其添加到 css：

html.modal_active{
  overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%;
  body{overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%;}
}

当模态打开时将 html 和 body 定位为绝对解决了这个问题。希望对您有所帮助！

【讨论】：