CSS：位置：固定在 Windows Phone 上不起作用答案

【问题标题】：CSS: position:fixed not working on Windows PhoneCSS：位置：固定在 Windows Phone 上不起作用
【发布时间】：2014-05-10 06:09:48
【问题描述】：

我正在尝试为 Windows Phone 8 开发基于 Web 的应用程序。我有一个包含两个 div 的网页，样式为 position:fixed。如果我在 Windows Phone 上打开 Internet Explorer 应用程序并导航到我的网页，固定元素会完美显示。但是，当我在本机应用程序中查看WebBrowser WP8 控件中的网页时，position:fixed 样式被完全忽略。

我还注意到，我所有的 CSS 转换也只能在完整的 Internet Explorer 应用程序中使用。这不是什么大问题，但缺乏固定定位是一个真正的问题。为什么WebBrowser 会这样做，有什么解决方法吗？

我知道固定定位和转换在 WP7 中不起作用，我想知道 WP8 WebBrowser 控件是否与 WP7 WebBrowser 控件具有相同的代码。

【问题讨论】：

标签： c# html css windows-phone-8 windows-phone

【解决方案1】：

position:-ms-device-fixed 帮了我大忙。

【讨论】：

【解决方案2】：

固定定位

使用 CSS 固定定位定位的元素的行为 Windows Phone OS 8.0 的 Internet Explorer 之间的差异与适用于 Windows Phone OS 7.1 的 Internet Explorer 相比。在互联网 Explorer Windows Phone OS 8.0（以及桌面），已修复元素相对于浏览器的客户端视图定位窗户。这意味着如果一个元素固定在底部的视图中右下角，它将始终固定在右下角的视图中即使用户向上、向下、向左或向右滚动页面。在 Windows Phone OS 7.1 上，固定元素相对于文档本身，并且当用户滚动页。这意味着如果一个元素相对于底部是固定的文档的右上角，用户只有在导航时才能看到它到网页的右下角。

-From microsoft's website

一种可能的解决方法是，

对非固定内容使用div 容器并应用style="overflow: scroll" 和固定大小。 See here 和 here 用于基于 javascript 的固定定位解决方案。

【讨论】：

我确实读过那个文件。问题是我使用的是 Windows Phone 8，因此根据该文档，固定元素应该正常运行。同样，它们在完整的浏览器中进行。我可能不得不使用你的解决方法滚动不是那么流畅。
可以，但是滚动不流畅
@msbg 是的，滚动看起来不像原生滚动，这是我们能得到的最接近的滚动。有帮助吗？？

【解决方案3】：

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

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

希望有帮助

【讨论】：