css - Windows Phone 上的固定元素 - 解决方法

Question

我有一个标题元素需要定位到顶部 (position:fixed; top:0;)。

我遇到的问题是，尽管上述解决方案在桌面浏览器和 iOS 浏览器上完美运行，但它在 Windows Phone (7.5) 上不起作用。

我读到 WP 7.5 将固定元素放在文档的顶部，而不是屏幕。

现在固定标题粘在文档的顶部，当向下滚动时，它会从屏幕上消失，因为它在文档的顶部，而当它应该跟随在屏幕的顶部时，就像它通常在iOS 和桌面浏览器。

这个问题有解决办法吗？我已经在这个问题上花了很长时间，谷歌搜索没有任何工作结果。

---

这是我的代码:

<div id="header></div>

#header {
    height:50px;
    width:100%
    padding:13px;
    position:fixed;
    top:0;
    z-index:9999;
}

Answer 1

Windows 7.5 上的 IE 不理解 position:fixed。你应该在它之前使用 position:absolute 。 下面是更新后的代码

#header {
  height: 50px;
  width: 100% padding: 13px;
  position: absolute;
  position: fixed;
  top: 0;
  z-index: 9999;
}