位置:在Windows Phone 7中修复

时间:2012-02-16 15:21:37

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

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

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

提前致谢

2 个答案:

答案 0 :(得分:4)

我也挂在这个问题上。在每次滚动看起来更糟糕之后,似乎无法创建固定元素并定位元素(尝试使用手机上的jquery移动在线示例,这样做)。

我通过使用div容器为我的非固定内容使用style =“overflow:scroll”和固定大小“解决”了这个问题。这对我有用。但是在这个容器中滚动看起来不像本地滚动。

希望有所帮助

答案 1 :(得分:1)

我设法在Win手机8(Lumia 930)上解决了这个问题。

我有一个模态窗口,在移动设备上打开时应保持在视点内并滚动到内部。 Android和iphone在位置固定的情况下运行良好,但胜利手机没有。

我的解决方案是在模态处于活动状态时将活动类放在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定位为绝对解决了问题。希望它有所帮助!