固定元素在Windows phone -workaround上

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。 以下是更新的代码

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;