Windows Phone 7中的position:fixed

Question

我正在尝试创建一个PhoneGap Windows Phone 7应用程序。为了模拟一个应用程序栏，在横向方向上应该始终显示在屏幕的左侧，我想将一个CSS样式为position:fixed的

放置在那里。然而，这并不起作用，因为WP7上的IE似乎不支持它。

有人有什么想法，如何在没有可用的position:fixed的情况下显示这样的应用程序栏吗？

提前感谢。

- Jonathan

Answer 1

我也遇到了这个问题。貌似无法创建一个固定的元素，并且在每次滚动后定位元素甚至看起来更糟（在手机上尝试jquery移动在线示例，他们就是这样做的）。

我通过使用带有style =“overflow：scroll”和固定大小的div容器来解决了这个问题。这对我有效。但在此容器中滚动不像本地滚动。

希望这可以帮助到您。

- DrLudwig3

Answer 2

我已经成功解决了我的Win手机8（Lumia 930）上的问题。

我有一个模态窗口，当在移动设备上打开时应该保持在视图中，并在内部滚动。Android和iPhone使用position fixed可以正常工作，但Win手机不行。

我的解决方案是在模态框处于活动状态时，在html上添加active类，并将以下内容添加到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定位为absolute可以解决问题。希望能有所帮助！

- mustra